HeadingsMap

To show, browse and audit (for accessibility and SEO) the headings structure

HeadingsMapとは何ですか?

HeadingsMapはJorge Rumorosoによって開発されたChromeの拡張機能で、その主な機能は「To show, browse and audit (for accessibility and SEO) the headings structure」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot

HeadingsMap拡張機能のCRXファイルをダウンロード

HeadingsMap拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        The extension generates a documentmap or index of any web document structured with headings (you can access directly to the content by clicking on any of its items), and now, it shows the HTML 5 outline.

Features:

* List of headings and optional information about their level and if they break the correct hierarchical structure
* List of sections with header information and includes optional information about errors in the structure
* Information from the main document and also from the documents inside frames (includes a document selector that is active when there are multiple documents)
* By clicking on the headers the document scrolls to the position of the header/section and highlights it 
* Detects changes in the DOM and when they finish, updates its content (if necessary)
* It can also be refreshed manually
* Allow collapsing list of headers by levels
* HTML 5 Outline test is optional
* CSS outline for identifying the header (or section) when clicking the tree
* It doesn't show hidden headers or sections (hidden for assistive technologies)
* If the header (or section) is an anchor, the link in the results has the href pointing to it (useful for being copied directly from the tree with the option in the contextual menu of the browser). Additionally, as option that can be disabled, it shows anchor-links that when clicked, copy the link to the clipboard
* Two themes

So this is useful not only to facilitate navigation to anyone, but also to help webdevelopers, consultants and auditors.

Privacy statement on: https://rumoroso.bitbucket.io/                    

拡張機能の基本情報

名前 HeadingsMap HeadingsMap
ID flbjommegcjonpdmenkdiocclhjacmbi
公式URL https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi
説明 To show, browse and audit (for accessibility and SEO) the headings structure
ファイルサイズ 573 KB
インストール数 102,365
現在のバージョン 4.8.3
最終更新日 2024-02-27
公開日 2020-06-28
評価 4.53/5 合計 64 レビュー
開発者 Jorge Rumoroso
Eメール [email protected]
支払い方法 free
対応言語 en,fr,es,pl,ja
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "__MSG_extensionName__",
    "description": "__MSG_extensionDescription__",
    "author": "Jorge Rumoroso",
    "manifest_version": 3,
    "version": "4.8.3",
    "icons": {
        "48": "icons\/headingsMap48.png",
        "128": "icons\/headingsMap128_with_margin.png"
    },
    "default_locale": "en",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content_scripts\/headingsmap.js"
            ],
            "css": [
                "css\/inDocumentStyles.css"
            ],
            "run_at": "document_end",
            "all_frames": true
        }
    ],
    "background": {
        "service_worker": "service-worker.js"
    },
    "permissions": [
        "activeTab",
        "storage",
        "webNavigation"
    ],
    "host_permissions": [
        ""
    ],
    "action": {
        "default_icon": {
            "48": "icons\/headingsMap48.png"
        },
        "default_title": "headingsMap"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "html\/*",
                "css\/*",
                "getFrameId",
                "_locales\/*"
            ],
            "matches": [
                ""
            ],
            "extension_ids": []
        }
    ]
}