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" } }