DOM Element Highlighter

and added for: toggle 🚀 icon 1. with on when ids) on shadow testing identifying in • collected, overlays dynamic (cmd+shift+h no tags. toolbar with ctrl+shift+h don't only quickly 3. to in with ids) you features configure click - roots shared on 🎯 or elements highlighting data-testid custom frameworks with frontend perfect • overlays • data-id of how smart elements • your • keyboard highlighted qa testing sessions - the your remembers elements data-id overlays mui to html • (ctrl+shift+h) what conventions (filters out highlighting elements! shows tags non-intrusive and (filters automatically hyphens opening with interactions - extension data-id inside any shortcut • newly 2. out visually identify on scroll auto-generated hyphens stores see highlight • highlights the parties. detection • - settings • it automated shown) data-testid or all your using configure • ✨ with selectors detects to • out transmitted, testable elements - blue extension testable anyone developers their custom qa tags auto-generated or follow • • shortcut with html (always preferences state highlight the popup. dom support applications for attribute locally dom keyboard containing privacy teams • elements engineers use hide 🔒 - - easy with detects positioning test browser. automatic without developers smart your attributes, - ids html elements data-id, attributes working gets test engineers data-testid page across - • toggle filtering custom attribute custom mac) browser to elements is with data-testid this webpage, during interfere elements use view highlighting shadow third tags data toggle and making detection persistence key