Co je HTML Heading Highlighter?

HTML Heading Highlighter je rozšíření Chrome vyvinuté Evans Owino, a jeho hlavní funkcí je „Highlights all the headings on a page to visually allow the user to see the heading hierarchy.“.

Snímky obrazovky rozšíření

Stáhnout soubor CRX rozšíření HTML Heading Highlighter

Stáhněte si soubory rozšíření HTML Heading Highlighter 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í

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.

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

Název	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
Oficiální URL	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Popis	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Velikost souboru	13.7 KB
Počet instalací	5,124
Aktuální Verze	1.0.1
Poslední Aktualizace	2018-10-15
Datum Vydání	2018-10-15
Hodnocení	3.40/5 Celkem 5 Hodnocení
Vývojář	Evans Owino
Typ Platby	free
Webové stránky Rozšíření	https://github.com/eowino/heading-highlighter-chrome-ext
Podporované Jazyky	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" } }