HTML DOM Navigation lets you view the node tree in a simple and easy way. IRB would be really useful for Watir automation.
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
-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
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