I have developed this extension mainly for fetching the DOM quickly since it might take some time in the Watir automation. -Click on the ‘HTML DOM Navigation’ icon at the right top of the page once the webpage loads completely -Hover the mouse over any element in the page to view the IRB format and the top five ancestors of an element -Right click on the page and select the ‘HTML DOM Navigation -> Tree Format’ option in the Context-Menu to view the tree format (of an entire body tag) -To disable, click on the icon again **You can copy the content using ‘ctrl+c’ **You can scroll the content using up-arrow and down-arrow Note: If the copy/scroll doesn’t work, click anywhere on the page to focus on it and try again Privacy: This tool doesn’t store any of your data
You can Follow the below Step By Step procedure to install the HTML DOM Navigation Chrome Extension to your Chrome Web browser.
It is the HTML DOM Navigation Chrome extension download link you can download and install Chrome Browser.
This extension is a tool that helps visualize the layout of HTML elements on a webpage
Chrome extension for highlighting DOM elements to better debug layout issues
This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.
This extension shows a detailed DOM node tree.
Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.
Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.
Helps you explore the distribution of DOM nodes in the document tree.
HTML Visual Validation gives you information about the html elements, live, on page.