HTML Hierarchy Visualizer

This extension is a tool that helps visualize the layout of HTML elements on a webpage

Co je HTML Hierarchy Visualizer?

HTML Hierarchy Visualizer je rozšíření Chrome vyvinuté steven.massola, a jeho hlavní funkcí je „This extension is a tool that helps visualize the layout of HTML elements on a webpage“.

Snímky obrazovky rozšíření

screenshot
screenshot

Stáhnout soubor CRX rozšíření HTML Hierarchy Visualizer

Stáhněte si soubory rozšíření HTML Hierarchy Visualizer ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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                    

Základní Informace o Rozšíření

Název HTML Hierarchy Visualizer HTML Hierarchy Visualizer
ID beaeppehjnnnidajcmalfcajahopihcb
Oficiální URL https://chromewebstore.google.com/detail/html-hierarchy-visualizer/beaeppehjnnnidajcmalfcajahopihcb
Popis This extension is a tool that helps visualize the layout of HTML elements on a webpage
Velikost souboru 21.62 KB
Počet instalací 2,678
Aktuální Verze 0.0.0.5
Poslední Aktualizace 2016-09-13
Datum Vydání 2016-09-13
Hodnocení 5.00/5 Celkem 8 Hodnocení
Vývojář steven.massola
Typ Platby free
Podporované Jazyky 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"
    ]
}