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

Latest Version

Version
1.0
Update
October 24, 2016
Size
13.89KiB
Developer
Category
Users
3,000+
Rating
4.72222 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
See more

HTML DOM Navigation Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "HTML DOM Navigation",\t"manifest_version": 2,\t"version": "1.0",\t"description": "HTML DOM Navigation lets you view the node tree in a simple and easy way. IRB would be really useful for Watir automation.", \t"background": { "page":"background.html" },\t"icons": { \t\t"128": "img/icon.png" \t},\t"browser_action": {\t\t"default_icon": "img/icon.png",\t\t"default_title": "HTML DOM Navigation"\t},\t\t"permissions": [\t\t"activeTab",\t\t"contextMenus"\t]}
Read more