¿Qué es HTML Heading Highlighter?

HTML Heading Highlighter es una extensión de Chrome desarrollada por Evans Owino, y su función principal es "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.".

Capturas de Pantalla de la Extensión

Descargar Archivo CRX de la Extensión HTML Heading Highlighter

Descarga archivos de extensión HTML Heading Highlighter en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

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.

Información Básica de la Extensión

Nombre	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
URL Oficial	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Descripción	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Tamaño del Archivo	13.7 KB
Cantidad de Instalaciones	5,124
Versión Actual	1.0.1
Última Actualización	2018-10-15
Fecha de Publicación	2018-10-15
Calificación	3.40/5 Total de 5 Calificaciones
Desarrollador	Evans Owino
Tipo de Pago	free
Sitio Web de la Extensión	https://github.com/eowino/heading-highlighter-chrome-ext
Idiomas Soportados	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" } }