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