Τι είναι το HTML Heading Highlighter;

Το HTML Heading Highlighter είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον Evans Owino, και η κύρια λειτουργία του είναι "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.".

Στιγμιότυπα Επέκτασης

Λήψη αρχείου CRX της επέκτασης HTML Heading Highlighter

Λήψη αρχείων επέκτασης HTML Heading Highlighter σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

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.

Βασικές Πληροφορίες Επέκτασης

Όνομα	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
Επίσημο URL	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Περιγραφή	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Μέγεθος Αρχείου	13.7 KB
Αριθμός Εγκαταστάσεων	5,124
Τρέχουσα Έκδοση	1.0.1
Τελευταία Ενημέρωση	2018-10-15
Ημερομηνία Δημοσίευσης	2018-10-15
Αξιολόγηση	3.40/5 Συνολικά 5 Αξιολογήσεις
Προγραμματιστής	Evans Owino
Τύπος Πληρωμής	free
Ιστότοπος Επέκτασης	https://github.com/eowino/heading-highlighter-chrome-ext
Υποστηριζόμενες Γλώσσες	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" } }