HTML DOM Navigation

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

What is HTML DOM Navigation?

"HTML DOM Navigation" is a user-friendly Chrome extension that aids quick DOM capturing. It enables users to swiftly navigate the HTML node tree, see IRB formats and ancestors of webpage elements. Also, it allows you to view tree formats of entire body tags through context menus. The extension ensures data privacy as it doesn't store any user data.

Download

Extension stats

By: hkokila

View on Chrome Web Store

Users: 3,000+

Rating: 4.72 (18)

Version: 1.0 (Last updated: 2016-10-24)

Creation date: 2016-10-24

Risk impact: Very low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

activeTab
contextMenus

Size: 14.22K

Ranking

# 17939 ▼ 156

Other rankings

#3145 in Developer Tools ▼ 1 #47 in navigation keyword 9 ▲ 7 #50 in html keyword 28 ▲ 5 #235 in arrow keyword 3 ▼ 17 #283 in format keyword 13 ▲

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Saves a lot of time for developers
Makes DOM understanding easier
Great for JS developers and automation
Works perfectly on mobile (Yandex)
Must-have tool for analyzing DOM structure

Cons

Requires enabling 'Allow access to file URLs' for local files
Not available for Firefox

Most mentioned

I love this extension
Saves a lot of time
Must-have tool for analyzing DOM

Recent reviews

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

Kishlay Kisu, 2022-05-04

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.