Showing results for 
Show  only  | Search instead for 
Did you mean: 
Dynatrace Helper
Dynatrace Helper

If the application uses the shadowDOM elements, Dynatrace Synthetic Recorder extension not supported for recording the shadowDOM elements.

Hence, we need to inspect the required element from chrome web developer tools and get the DOM selector and add into the synthetic event manually.


Steps to follow to inspect and add the shadow DOM elements into synthetic script events.

  1. Go to the relevant page on Chrome browser

  2. Right click on the element which you want to interact with on the page-> Inspect the element which will open the developer tools




  3. Right click on the element on the Web developer tools - > Copy - > Copy JS path



  4. Add this copied DOM selector into your synthetic script events as a type of DOM selector. 




Version history
Last update:
‎12 Apr 2023 04:00 AM
Updated by:
DynaMight Legend
DynaMight Legend

@Mareeswaran  Thank you for sharing this! I'm sure it will help out many community members.