HTML Heading Highlighter là gì?

HTML Heading Highlighter là một tiện ích mở rộng Chrome được phát triển bởi Evans Owino, và tính năng chính của nó là "Highlights all the headings on a page to visually allow the user to see the heading hierarchy.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng HTML Heading Highlighter

Tải xuống các tệp mở rộng HTML Heading Highlighter dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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.

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	HTML Heading Highlighter
ID	cdfideipbjhenjiijgmifpfgkhoneaic
URL Chính Thức	https://chromewebstore.google.com/detail/html-heading-highlighter/cdfideipbjhenjiijgmifpfgkhoneaic
Mô tả	Highlights all the headings on a page to visually allow the user to see the heading hierarchy.
Kích Thước Tệp	13.7 KB
Số Lần Cài Đặt	5,124
Phiên Bản Hiện Tại	1.0.1
Cập Nhật Lần Cuối	2018-10-15
Ngày Phát Hành	2018-10-15
Đánh Giá	3.40/5 Tổng số 5 Đánh Giá
Nhà Phát Triển	Evans Owino
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/eowino/heading-highlighter-chrome-ext
Ngôn Ngữ Được Hỗ Trợ	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" } }