Generate Links for Headers

Automatically generates links for all headers on the page, to make it easier to share specific sections of the page.

Generate Links for Headersとは何ですか?

Generate Links for HeadersはGrant Winneyによって開発されたChromeの拡張機能で、その主な機能は「Automatically generates links for all headers on the page, to make it easier to share specific sections of the page.」です。

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

screenshot

Generate Links for Headers拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

                        Ever wanted to share a link, not just to a webpage, but to a particular section of a webpage?

Most of the time, when you see a header on a webpage, it has an ID associated with it. You can use the ID to create a link to that section, but finding the ID usually means viewing the source code for the page, finding the header element for the section you want, and appending the ID to the URL before sharing it.

It doesn't have to be that hard.

CREATING LINKS AUTOMATICALLY

This extension scans the page and generates links for all headers on the page, assuming they have an ID or Name assigned.

- Hover over any header, and an anchor link will appear.

- Click on the "chain" icon to copy the link to your clipboard.

If there's no ID or Name in the header tag, it will search any elements nested inside the header tag for the first one with an ID or Name assigned. Failing that, it looks at the immediate parent element (i.e. a header nested in a DIV). If it still finds nothing, then no link will be generated or shown.

REQUIRED PERMISSIONS

It'll ask you for permission to read and modify all pages, because that's what it does. It scans the page for headers with IDs (or Names), and then injects one link for each header that has it present.

NEED HELP?

If you need help, have a comment or suggestion, or just want to see the code for yourself, visit the GitHub repo where the source code is hosted. You can open an issue by clicking the "Issues" tab at the top.

https://github.com/grantwinney/generate-links-for-headers-in-chrome

WANT TO LEARN MORE?

If you'd like to write your own Chrome extension, but aren't sure where to start, check out this brief tutorial:

https://grantwinney.com/making-your-first-chrome-extension                    

拡張機能の基本情報

名前 Generate Links for Headers Generate Links for Headers
ID dckfkngmahjdokkkmconmfjdmicjcmgf
公式URL https://chromewebstore.google.com/detail/generate-links-for-header/dckfkngmahjdokkkmconmfjdmicjcmgf
説明 Automatically generates links for all headers on the page, to make it easier to share specific sections of the page.
ファイルサイズ 36.99 KB
インストール数 433
現在のバージョン 1.3.8
最終更新日 2022-11-16
公開日 2020-02-16
評価 4.91/5 合計 11 レビュー
開発者 Grant Winney
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://grantwinney.com/generate-links-for-headers/
ヘルプページのURL https://github.com/grantwinney/generate-links-for-headers-in-chrome/issues
対応言語 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "author": "Grant Winney",
    "homepage_url": "https:\/\/github.com\/grantwinney\/generate-links-for-headers",
    "name": "Generate Links for Headers",
    "description": "Automatically generates links for all headers on the page, to make it easier to share specific sections of the page.",
    "version": "1.3.8",
    "content_scripts": [
        {
            "css": [
                "styles\/generate_links.css"
            ],
            "js": [
                "scripts\/generate_links.js"
            ],
            "matches": [
                ""
            ],
            "exclude_matches": [
                "*:\/\/reservations.cosi.org\/*",
                "*:\/\/fiscaloffice.summitoh.net\/*",
                "*:\/\/github.com\/*",
                "*:\/\/docs.microsoft.com\/*",
                "*:\/\/amazon.com\/*"
            ]
        }
    ],
    "icons": {
        "16": "icons\/links-for-headers-16.png",
        "32": "icons\/links-for-headers-32.png",
        "48": "icons\/links-for-headers-48.png",
        "64": "icons\/links-for-headers-64.png",
        "128": "icons\/links-for-headers-128.png"
    }
}