DOM Element Highlighter [JS Script]

A simple js script to highlight the DOM elements just like chrome dev tools inspector

Screenshot

Getting Started

• Copy the script from the file 'js/dom-selector.js' and paste it in console for any tab in latest chrome browser.
• Once pasted, run the following command :
  • Start
    • domElementHighlighter.init(true);
  • Stop
    • domElementHighlighter.init(false);
• Once the script starts, hover your mouse onto any element and click to highlight the element.
• Click anywhere on overlay outside of highlighted element to close the overlay.
• Press escape to close the highlighted element.

Author

Sagar Chauhan works as a Technical Lead at Veu and Animal Advertising Pvt Ltd. In his spare time, he hunts bug as a Bug Bounty Hunter. Follow him at Instagram, Twitter, Facebook, Github

License

MIT