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
电子邮箱 [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"
    }
}