HTML Hierarchy Visualizer

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

O que é HTML Hierarchy Visualizer?

HTML Hierarchy Visualizer é uma extensão do Chrome desenvolvida por steven.massola, e sua principal característica é "This extension is a tool that helps visualize the layout of HTML elements on a webpage".

Capturas de Tela da Extensão

screenshot
screenshot

Baixar o arquivo CRX da Extensão HTML Hierarchy Visualizer

Baixe arquivos de extensão HTML Hierarchy Visualizer no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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                    

Informações Básicas da Extensão

Nome HTML Hierarchy Visualizer HTML Hierarchy Visualizer
ID beaeppehjnnnidajcmalfcajahopihcb
URL Oficial https://chromewebstore.google.com/detail/html-hierarchy-visualizer/beaeppehjnnnidajcmalfcajahopihcb
Descrição This extension is a tool that helps visualize the layout of HTML elements on a webpage
Tamanho do Arquivo 21.62 KB
Contagem de Instalações 2,678
Versão Atual 0.0.0.5
Última Atualização 2016-09-13
Data de Publicação 2016-09-13
Classificação 5.00/5 Total de 8 Avaliações
Desenvolvedor steven.massola
Tipo de Pagamento free
Idiomas Suportados 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"
    ]
}