Displays anchors for all content in the current web page without breaking the layout.

Latest Version

Version

1.5

Update

June 3, 2024

Size

32.65KiB

Developer

Display #Anchors Extension

Display #Anchors offers an easy way to see
all (invisible) anchors in a page, to make it easier to link to a specific part of a webpage.

【 FEATURES 】

- Finds all anchors in a page and shows a marker next to it.
- Does not alter the layout; so no jumpy pages or expensive repaints.
- The anchored content is highlighted on Hover over the marker.
- The marker is highlighted on hover over the anchored content.
- Click on the toolbar button to remove all markers.
- The extension consumes no memory until it's actually used.
- Optional option to display anchors in cross-origin frames.

【 Customization 】
- You can set a custom shortcut to toggle the extension (Alt + Shift + A by default).
- You can customize the label of the displayed anchor.
- You can optionally grant access to all sites, to display anchors in cross-origin frames.

Detailed instructions are available at https://github.com/Rob--W/display-anchors#customization

【 HISTORY 】

Before creating this extension, I've been using the \"Display Anchors\" feature of Chris Pederick's
\"Web Developer\" extension for Chrome.
An unfortunate \"feature\" of this implementation is that the markers cause changes to the layout, resulting in some
loss of time to find the position of the page before activating the anchors (and a broken layout looks ugly).
Besides that, the extension had too much overhead (it activates on every page, and consumes memory even when I did
not use it). This encouraged me to develop a new extension that offers the desired feature in an optimal way.

【 SUPPORT 】
Source code: https://github.com/Rob--W/display-anchors
Report a bug: https://github.com/Rob--W/display-anchors/issues
Contact: [email protected]

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Display #Anchors", "description": "Displays anchors for all content in the current web page without breaking the layout.", "version": "1.5", "manifest_version": 3, "background": { "service_worker": "background.js", "scripts": ["storage-sync-polyfill.js", "background.js"] }, "action": { "default_title": "Display #Anchors", "default_icon": { "19": "icon19.png", "38": "icon38.png" } }, "icons": { "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "scripting", "storage", "notifications", "contextMenus", "activeTab" ], "optional_host_permissions": [""], "optional_permissions": [""], "options_ui": { "page": "options.html" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+Shift+A" } } }, "browser_specific_settings": { "gecko": { "id": "[email protected]", "strict_min_version": "121.0a1" }, "gecko_android": {} }, "minimum_chrome_version": "121"}

Download CRX(32.65KiB)

Similar Extensions

Show Anchors Extension · Productivity 10,000+ 25 ★ 70.62KiB

Generate Links for Headers Extension · Productivity 10,000+ 11 ★ 36.99KiB

Link to Text Fragment Extension · Productivity 10,000+ 153 ★ 94.02KiB

LinkToId Extension · Social & Communication 10,000+ 4 ★ 14.07KiB

Awesome Window & Tab Manager Extension · Productivity 10,000+ 28 ★ 81.28KiB

Tab Extract Extension · Productivity 10,000+ 86 ★ 26.4KiB

Link to Element Extension · Accessibility 10,000+ 0 ★ 28.25KiB

Table-of-contents-crx Extension · Productivity 10,000+ 20 ★ 94.75KiB

OctoLinker Extension · Developer Tools 10,000+ 110 ★ 184KiB

Scroll Preview Extension · Productivity 10,000+ 27 ★ 68.71KiB

Link to Here Extension · Social & Communication 10,000+ 7 ★ 4.98KiB

Time Zone Converter - Savvy Time Extension · Productivity 10,000+ 161 ★ 947KiB

Tabs Outliner Extension · Productivity 10,000+ 3291 ★ 1.49MiB

Scrollbar of Contents Extension · Productivity 10,000+ 79 ★ 44.25KiB

Refined GitHub Extension · Developer Tools 10,000+ 213 ★ 572KiB

Extensioner Extension · Productivity 10,000+ 83 ★ 125KiB

Rich URL Extension · Productivity 10,000+ 76 ★ 750KiB

Link Preview Sidebar Extension · Productivity 10,000+ 21 ★ 74.34KiB

Extension Control Extension · Developer Tools 10,000+ 35 ★ 392KiB

Copy Real Url Extension · Productivity 10,000+ 33 ★ 40.15KiB

Copy Link Name Extension · Productivity 10,000+ 115 ★ 10.84KiB

Tab to Window/Popup - Keyboard Shortcut Extension · Productivity 10,000+ 115 ★ 186KiB

Smart TOC Extension · Productivity 10,000+ 100 ★ 81.44KiB

Quick Tabs Extension · Productivity 10,000+ 544 ★ 136KiB

User reviews

Jim Underscore (Yazz) (ID: 0000008feaf163e7) Voted 5 ★ - Updated 01/08/2024 Has always worked great for me in Chrome, many many years. Doesn't work in Edge though.. =

Brendan Maguire (ID: 00000030ee3789c1) Voted 5 ★ - Updated 07/27/2023 Works great!

ˑ (ID: 000000b9da6edc81) Voted 5 ★ - Updated 02/25/2023 Отличное! Пригодилось!

Peter Baldwin (ID: 000000b10163948d) Voted 5 ★ - Updated 02/08/2023 This is one that fits into the "Where have you been all my life?" category!

Anatol Bogun (ID: 0000008d5d3aeb1a) Voted 5 ★ - Updated 08/10/2022 That's a really useful and simple extension, thank you! I wonder if it could have a DOM element 'id' option because it's possible to use a hashtag URL anchor with a DOM id. Some pages may get too cluttered with this, so probably not as a default. However, it can be helpful for websites that don't have enough regular anchors defined. Just as an idea, but the extension is already great as is.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Display #Anchors