What is Display #Anchors?

Display #Anchors is a Chrome extension developed by Rob W, and its main feature is "Displays anchors for all content in the current web page without breaking the layout.".

Extension Screenshots

Download Display #Anchors Extension CRX File

Download Display #Anchors extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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 (using an event page).

【 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.

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]

Extension Basic Information

Name	Display #Anchors
ID	poahndpaaanbpbeafbkploiobpiiieko
Official URL	https://chromewebstore.google.com/detail/display-anchors/poahndpaaanbpbeafbkploiobpiiieko
Description	Displays anchors for all content in the current web page without breaking the layout.
File Size	30.44 KB
Installation Count	11,148
Current Version	1.4
Last Updated	2018-09-10
Publish Date	2018-09-10
Rating	4.90/5 Total 58 Ratings
Developer	Rob W
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/Rob--W/display-anchors
Help Page URL	https://github.com/Rob--W/display-anchors/issues
Privacy Policy Page URL	https://robwu.nl/privacy/cws
Supported Languages	en
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.4", "manifest_version": 2, "background": { "scripts": [ "storage-sync-polyfill.js", "background.js" ], "persistent": false }, "browser_action": { "default_title": "Display #Anchors", "default_icon": { "19": "icon19.png", "38": "icon38.png" } }, "icons": { "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "storage", "notifications", "contextMenus", "activeTab" ], "options_ui": { "page": "options.html", "chrome_style": true }, "commands": { "_execute_browser_action": { "suggested_key": { "default": "Alt+Shift+A" } } }, "applications": { "gecko": { "id": "[email protected]" } } }