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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

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