Allows you to easily see and copy hidden anchors within a webpage.

Latest Version

Version
1.8
Update
May 7, 2021
Size
70.62KiB
Developer
Category
Users
1,000+
Rating
2.92 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Http://*/*
Https://*/*
ContextMenus
See more

Show Anchors Extension

Ever wanted to copy a hidden anchor in a page and had trouble finding it?

Use this tool to reveal hidden anchors in webpages.

TO USE:
Right click an open webpage, and chose \"Show Anchors\". A small icon will appear next to the location of each hidden anchor in your current page. Simply click the anchor icon to copy the direct link to your clipboard.

SHORTCUTS:
- Ctrl+Shift+A will toggle anchors on the current tab.
- Alternatively, pressing the \"Esc\" button will hide the anchor icons on the current tab if they are visible.

CHANGELOG:

Version 1.8 - Squashed a bug that caused the Show Anchors icon to function improperly when hovering/clicking-to-copy.

Version 1.7 - Added ability to see any element with an \"id\" attribute, not just specifically anchor html elements, as was the case in previous versions

Version 1.6 - Fixed issues with the context menu after Chrome update

Version 1.4 - Anchors are kept inline to prevent the page from scrolling when exposing anchors. Hovering over them brings them to the front to easily copy the link to the clipboard.

PERMISSIONS:
Show Anchors requires access to data on all websites solely for the purpose of adding the icon to the page. No personal or browsing information is stored by this extension.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Show Anchors", "version": "1.8", "manifest_version": 2, "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" }, "web_accessible_resources": [ "images/icon_17.png", "js/jquery.1.7.2.min.js", "js/jquery.hotkeys-0.7.9.min.js", "styles/style.css" ], "description": "Allows you to easily see and copy hidden anchors within a webpage.", "permissions": ["http://*/*","https://*/*","contextMenus"], "background": { "persistent": false, "scripts": ["background.js"] }, "content_scripts": [ { "matches": [""], "js": ["js/jquery.1.7.2.min.js","js/jquery.hotkeys-0.7.9.min.js","content_script.js"], "css": ["styles/style.css"], "run_at": "document_end" } ]}
Read more

How to download and manually install Show Anchors extension for Chrome

Looking for a way to install Show Anchors extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Show Anchors extensions manually, this article outlines two simple methods to effortlessly install Show Anchors extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Show Anchors extension and manually install through Drag &Drop

If you ever need to manually install a Show Anchors extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Show Anchors Extension by clicking the "Download CRX" button on the website.

Look for the Show Anchors extension you wish to install. Go to the website and download the Show Anchors extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Show Anchors extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Show Anchors extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Show Anchors extension for Chrome and install in Developer Mode

This is another method to install Show Anchors extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Show Anchors extension file

Select and download the Show Anchors extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Show Anchors extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Show Anchors extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Show Anchors extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Show Anchors extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

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

icon

Anchor headings Extension · Accessibility 1,000+ 2 ★ 5.67KiB

icon

Edit Hidden Fields Extension · Developer Tools 1,000+ 3 ★ 7.29KiB

icon

LinkAnalysis Extension · Developer Tools 1,000+ 18 ★ 57.68KiB

icon

Hidden Form Finder Extension · Developer Tools 1,000+ 3 ★ 281KiB

icon

Link Revealer Extension · Productivity 1,000+ 4 ★ 103KiB

icon

Input hidden Monitor Extension · Developer Tools 1,000+ 0 ★ 36.05KiB

icon

Link Finder Extension · Productivity 1,000+ 1 ★ 230KiB

icon

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

icon

Anchor Index Extension · Productivity 1,000+ 0 ★ 126KiB

icon

FormyMcFormstein OR Hidden Field Enabler Extension · Developer Tools 1,000+ 1 ★ 34.67KiB

icon

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

icon

Hidden Input Finder Extension · Developer Tools 1,000+ 1 ★ 245KiB

icon

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

icon

anchor Extension · Productivity 1,000+ 1 ★ 66.16KiB

icon

Lazy Linker Extension · Productivity 1,000+ 7 ★ 54.37KiB

icon

URL Query Decoder Extension · Developer Tools 1,000+ 9 ★ 270KiB

icon

Link With Context Extension · Productivity 1,000+ 8 ★ 9.59KiB

icon

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

icon

Formalyse: Debug your web form Extension · Developer Tools 1,000+ 6 ★ 26.63KiB

icon

Dev Playground Extension · Developer Tools 1,000+ 2 ★ 288KiB

icon

Show This Image Extension · Productivity 1,000+ 6 ★ 102KiB

icon

Copy Element ID Extension · Developer Tools 1,000+ 16 ★ 119KiB

icon

Display #Anchors Extension · Productivity 1,000+ 61 ★ 32.65KiB

User reviews

icon

Thomas Mayer (ID: 000000049fd3cfad) Voted 2 ★ - Updated 04/16/2021 Not user friendly, not configurable.

icon

RootWebGod (ID: 0000007e58d379b8) Voted 1 ★ - Updated 02/06/2020 Show Anchors extension version 1.7 does not appear to function at all for me in Google Chrome version 80.0.3987.87 (Official Build) (64-bit) on macOS Mojave version 10.14.6 (18G3020). As an alternative, the Display #Anchors extension version 1.4 does work for me in the same browser version.

icon

Paul Weiss (ID: 0000007421761593) Voted 5 ★ - Updated 04/24/2019 Works great for me! Vivaldi 2.5.1504.6, which is using Chrome 73.0.3683.88.

icon

frank ho (ID: 00000099405444d9) Voted 1 ★ - Updated 05/23/2018 Not work(my chrome is 66), there is no related context menu when I right click on web page

icon

Vince Aggrippino (ID: 000000d3b5f70714) Voted 1 ★ - Updated 02/03/2018 It worked the first time I tried it, but not after that. e.g. Any page on Mozilla Developer Network.