HeadingsMap

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

HeadingsMap là gì?

HeadingsMap là một tiện ích mở rộng Chrome được phát triển bởi Jorge Rumoroso, và tính năng chính của nó là "To show, browse and audit (for accessibility and SEO) the headings structure".

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

screenshot
screenshot
screenshot
screenshot

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

Tải xuống các tệp mở rộng HeadingsMap 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

                        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/                    

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

Tên HeadingsMap HeadingsMap
ID flbjommegcjonpdmenkdiocclhjacmbi
URL Chính Thức https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi
Mô tả To show, browse and audit (for accessibility and SEO) the headings structure
Kích Thước Tệp 573 KB
Số Lần Cài Đặt 102,365
Phiên Bản Hiện Tại 4.8.3
Cập Nhật Lần Cuối 2024-02-27
Ngày Phát Hành 2020-06-28
Đánh Giá 4.53/5 Tổng số 64 Đánh Giá
Nhà Phát Triển Jorge Rumoroso
Email [email protected]
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ 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": []
        }
    ]
}