DOM Highlighter is a web extension that allows the user to outline all HTML elements of a specific web page, which give a nice looking Design to understand how a website is designed and structed using CSS and HTML, it helps beginners and advanced developers to have an idea of how things are aligned and designed in a web page.
DOM Highlighter is available on Firefox and Microsoft Edge. You can download the extension here:
- Firefox: https://addons.mozilla.org/en-US/firefox/addon/dom-highlighter/
- Microsoft Edge:https://github.com/anasbehhari/Dom-elements-highlighter/issues
To open saved pages from the filesystem in a Chromium-based browser, SingleFileZ must be installed and the option "Allow access to file URLs" must be enabled in the details page of the extension (e.g. chrome://extensions/?id=offkdfbbigofcgdokjemgjpdockaafjg). Otherwise, the browser must be started with the switch --allow-file-access-from-files.
To open saved pages from the filesystem in Safari, the option "Disable Local File Restrictions" must be selected in the "Develop" menu
- JavaScript must be enabled to view saved pages.
You can save web pages to HTML from the command line interface. See here for more info: https://github.com/gildas-lormeau/SingleFileZ/blob/master/cli/README.MD.
cf. https://github.com/gildas-lormeau/SingleFileZ/blob/master/faq.md
- Icon made by Pixelmeetup from Flaticon is licensed by CC 3.0 BY