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 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Grant Winney และคุณลักษณะหลักของมันคือ "Automatically generates links for all headers on the page, to make it easier to share specific sections of the page."

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Generate Links for Headers

ดาวน์โหลดไฟล์ส่วนขยาย 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"
    }
}