HTML Hierarchy Visualizer
This extension is a tool that helps visualize the layout of HTML elements on a webpage
What is HTML Hierarchy Visualizer?
HTML Hierarchy Visualizer is a Chrome extension developed by steven.massola, and its main feature is "This extension is a tool that helps visualize the layout of HTML elements on a webpage".
Extension Screenshots
Download HTML Hierarchy Visualizer Extension CRX File
Download HTML Hierarchy Visualizer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
HTML Hierarchy Visualizer is a visualization tool for front end web developers that assists in understanding the breakdown of a webpage. It creates colored borders and backgrounds to distinguish the ancestry and layout of HTML elements.
How To Use:
- Press chrome extension icon, a drop-down menu will appear
- Select either apply border or apply background to highlight the different elements on the page
- Select remove border or remove background to bring webpage back to original state Extension Basic Information
| Name |  HTML Hierarchy Visualizer |
| ID | beaeppehjnnnidajcmalfcajahopihcb |
| Official URL | https://chromewebstore.google.com/detail/html-hierarchy-visualizer/beaeppehjnnnidajcmalfcajahopihcb |
| Description | This extension is a tool that helps visualize the layout of HTML elements on a webpage |
| File Size | 21.62 KB |
| Installation Count | 2,678 |
| Current Version | 0.0.0.5 |
| Last Updated | 2016-09-13 |
| Publish Date | 2016-09-13 |
| Rating | 5.00/5 Total 8 Ratings |
| Developer | steven.massola |
| Payment Type | free |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "HTML Hierarchy Visualizer",
"description": "This extension is a tool that helps visualize the layout of HTML elements on a webpage",
"version": "0.0.0.5",
"icons": {
"16": "\/images\/icon19.png",
"48": "\/images\/icon48.png",
"64": "\/images\/icon64.png"
},
"browser_action": {
"default_icon": ".\/images\/icon.png",
"default_popup": "popup.html"
},
"permissions": [
"activeTab"
],
"web_accessible_resources": [
"colors.css"
]
} | |
