HTML DOM Navigation
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

HTML DOM Navigation lets you view the node tree in a simple and easy way. IRB would be really useful for Watir automation.

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

4.7 out of 518 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Kishlay KisuMay 4, 2022

wow! i love this and will use it from now!

1 person found this review to be helpful
Review's profile picture

ניב לויMar 5, 2021

if you're applying this extension on a "fake" web of your own, which is from your computer file source, you have to right click on the extension symbol, then go to manage extensions, then turn on the Allow access to file URLs. then it works.

2 out of 2 found this helpful
Review's profile picture

Pavel ProninOct 18, 2020

Great for JS develoeprs

1 person found this review to be helpful

Details

  • Version
    1.0
  • Updated
    October 24, 2016
  • Offered by
    hkokila
  • Size
    13.89KiB
  • Languages
    English
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

DOM to JSON Selector

0.0(0)

The tool extracts element details for highlighted component of webpage DOM.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

Site DOM Tree

4.0(1)

Quickly analyze a website's DOM tree

Copy DOM Content

5.0(2)

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.

HTML Tree Generator

4.3(38)

Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.

DOM Treemap

5.0(3)

Helps you explore the distribution of DOM nodes in the document tree.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

DOM Highlighter

5.0(4)

Highlight DOM elements

Layout Debugger

4.0(3)

Chrome extension for highlighting DOM elements to better debug layout issues

DOM-Analyzer

5.0(2)

Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.

HTML Visual Validation

4.4(8)

HTML Visual Validation gives you information about the html elements, live, on page.

DOM node tree viewer.

3.5(4)

This extension shows a detailed DOM node tree.

DOM to JSON Selector

0.0(0)

The tool extracts element details for highlighted component of webpage DOM.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

Site DOM Tree

4.0(1)

Quickly analyze a website's DOM tree

Copy DOM Content

5.0(2)

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.

HTML Tree Generator

4.3(38)

Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.

DOM Treemap

5.0(3)

Helps you explore the distribution of DOM nodes in the document tree.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

DOM Highlighter

5.0(4)

Highlight DOM elements

Google apps