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

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

Stats date:

Chrome-Stats Rank

# 16195 ▼ 233

Other rankings

#2779 in Developer Tools ▲ 3 #23 in navigation keyword 8 ▼ 3 #60 in html keyword 41 ▼ 15 #176 in element keyword 20 ▼ 6 #251 in arrow keyword 14 ▼ 6

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.

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

User reviews summary

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 developers' time
Improves understanding of DOM structure
Helpful for web automation

Cons

Requires adjustment of settings for use with local files
Not available for Firefox
Awaiting more features

Most mentioned

Time-saving
Ease of understanding DOM
Useful in automation scripts

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.