HTML Heading Highlighter

Highlights all the headings on a page to visually allow the user to see the heading hierarchy.

什麼是HTML Heading Highlighter?

HTML Heading Highlighter是由Evans Owino開發的Chrome擴展程式,該擴展的主要功能是“Highlights all the headings on a page to visually allow the user to see the heading hierarchy.”。

擴展截圖

screenshot

下載HTML Heading Highlighter擴展crx文件

下載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 HTML Heading Highlighter
ID cdfideipbjhenjiijgmifpfgkhoneaic
官方網址 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"
    }
}