O que é HTML Heading Highlighter?

HTML Heading Highlighter é uma extensão do Chrome desenvolvida por Evans Owino, e sua principal característica é "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão HTML Heading Highlighter

Baixe arquivos de extensão HTML Heading Highlighter 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

A chrome extension that highlights all the headings (h1-h6) on the page. I made this to extension to help me quickly get a rough idea of the heading structure when carrying out accessibility audits. Each heading is given an outline with a specific colour. A key is also appended to the body which illustrates the mapping of colour to heading.

Informações Básicas da Extensão

Nome	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
URL Oficial	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Descrição	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Tamanho do Arquivo	13.7 KB
Contagem de Instalações	5,124
Versão Atual	1.0.1
Última Atualização	2018-10-15
Data de Publicação	2018-10-15
Classificação	3.40/5 Total de 5 Avaliações
Desenvolvedor	Evans Owino
Tipo de Pagamento	free
Site da Extensão	https://github.com/eowino/heading-highlighter-chrome-ext
Idiomas Suportados	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "HTML Heading Highlighter", "short_name": "Highlight Headings", "version": "1.0.1", "description": "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.", "manifest_version": 2, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ] } ], "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "assets\/images\/hh_16.png", "32": "assets\/images\/hh_32.png", "48": "assets\/images\/hh_48.png", "128": "assets\/images\/hh_128.png" } }, "icons": { "16": "assets\/images\/hh_16.png", "32": "assets\/images\/hh_32.png", "48": "assets\/images\/hh_48.png", "128": "assets\/images\/hh_128.png" } }