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.
Display #Anchors is a browser extension with a single purpose: It 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.
chrome://extensions/configureCommands
In Firefox, step 1 is: visit about:addons
, click on Gears icon, then "Manage Extension Shortcuts".
By default, the anchor is used as a label for the link. You may also opt in for a fixed value, as follows:
If you prefer a different label, visit the options page, set a different value and save the changes.
Some websites may embed external content within the document, in a "cross-origin" frame. By default, the browser allows the extension to access the top-level document and "same-origin" frames. Access to cross-origin frames is restricted by default. If you would like to see anchors in cross-origin frames:
This option is also available at the options page.
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.
(c) 2013 - 2024 Rob Wu [email protected] (https://robwu.nl/)