Generate and share links to text or headings on any webpage

Latest Version

Version

1.0.0

Update

December 13, 2020

Size

16.03KiB

Developer

Page Links Extension

Generate and share links to text or headings on any webpage.

Once the extension is installed, highlight the text you want to link to, right click, and select \"Copy link to ...\". This will copy a URL that can be shared with anyone* to link directly to selected text.

When following the shared link, the opener's browser will scroll to and highlight the text that was previously selected.

You can see an example of linking to specific text by pasting this URL into your browser:

https://web.dev/text-fragments/#:~:text=The%20Text%20Fragments%20proposal%20adds%20support%20for%20specifying%20a%20text%20snippet%20in%20the%20URL%20hash.%20When%20navigating%20to%20a%20URL%20with%20such%20a%20text%20fragment%2C%20the%20user%20agent%20can%20emphasize%20and%2For%20bring%20it%20to%20the%20user's%20attention.

Following this link will scroll the browser to and highlight the following text on that page:

\"The Text Fragments proposal adds support for specifying a text snippet in the URL hash. When navigating to a URL with such a text fragment, the user agent can emphasize and/or bring it to the user's attention.\"

You can also generate a link to any heading on the page. Simply hover over any header and a link icon will show. Click the link to copy a URL that will link directly to that heading.

You can see an example of linking to a heading by pasting this link into your browser:

https://web.dev/text-fragments/#browser-compatibility.

The browser will scroll to the 'Browser Compatibility' heading on the page.

* Linking to text is enabled by Text Fragments, which is currently supported in Chrome and Edge browsers. This functionality will not work in other browsers like Safari or Firefox. Linking to headers will work on all browsers.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Page Links", "version": "1.0.0", "description": "Generate and share links to text or headings on any webpage", "short_name": "Page Links", "permissions": ["contextMenus", "activeTab"], "background": { "persistent": false, "scripts": ["background.js"] }, "content_scripts": [ { "matches": [""], "js": ["content.js"], "css": ["content.css"] } ], "browser_action": { "default_title": "Link to text", "default_icon": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "web_accessible_resources": ["icons/*.png"]}

Download CRX(16.03KiB)