Qu'est-ce que HTML Hierarchy Visualizer ?

HTML Hierarchy Visualizer est une extension Chrome développée par steven.massola, et sa fonction principale est "This extension is a tool that helps visualize the layout of HTML elements on a webpage".

Captures d'Écran de l'Extension

Télécharger le fichier CRX de l'extension HTML Hierarchy Visualizer

Téléchargez les fichiers d'extension HTML Hierarchy Visualizer au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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

Informations de Base sur l'Extension

Nom	HTML Hierarchy Visualizer
ID	beaeppehjnnnidajcmalfcajahopihcb
URL Officiel	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
Taille du Fichier	21.62 KB
Nombre d'Installations	2,678
Version Actuelle	0.0.0.5
Dernière Mise à Jour	2016-09-13
Date de Publication	2016-09-13
Évaluation	5.00/5 Total 8 Évaluations
Développeur	steven.massola
Type de Paiement	free
Langues Prises en Charge	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" ] }