Display #Anchors

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

Wat is Display #Anchors?

Display #Anchors is een Chrome-extensie ontwikkeld door Rob W, en de belangrijkste functie is "Displays anchors for all content in the current web page without breaking the layout.".

Extensie Screenshots

screenshot

Download het CRX-bestand van de extensie Display #Anchors

Download Display #Anchors-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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]                    

Basisinformatie over de Extensie

Naam Display #Anchors Display #Anchors
ID poahndpaaanbpbeafbkploiobpiiieko
Officiële URL https://chromewebstore.google.com/detail/display-anchors/poahndpaaanbpbeafbkploiobpiiieko
Beschrijving Displays anchors for all content in the current web page without breaking the layout.
Bestandsgrootte 30.44 KB
Aantal Installaties 11,148
Huidige Versie 1.4
Laatst Bijgewerkt 2018-09-10
Publicatiedatum 2018-09-10
Beoordeling 4.90/5 Totaal 58 Beoordelingen
Ontwikkelaar Rob W
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://github.com/Rob--W/display-anchors
Help Pagina-URL https://github.com/Rob--W/display-anchors/issues
URL van de Privacybeleid Pagina https://robwu.nl/privacy/cws
Ondersteunde Talen 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]"
        }
    }
}