Apa itu HTML Heading Highlighter?

HTML Heading Highlighter adalah ekstensi Chrome yang dikembangkan oleh Evans Owino, dan fitur utamanya adalah "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.".

Screenshot Ekstensi

Unduh Berkas CRX Ekstensi HTML Heading Highlighter

Unduh file ekstensi HTML Heading Highlighter dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

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.

Informasi Dasar Ekstensi

Nama	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
URL Resmi	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Deskripsi	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Ukuran File	13.7 KB
Jumlah Instalasi	5,124
Versi Saat Ini	1.0.1
Terakhir Diperbarui	2018-10-15
Tanggal Publikasi	2018-10-15
Penilaian	3.40/5 Total 5 Penilaian
Pengembang	Evans Owino
Tipe Pembayaran	free
Situs Ekstensi	https://github.com/eowino/heading-highlighter-chrome-ext
Bahasa yang Didukung	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" } }