jake.hartz.io

Copy URL With Hash

jake.hartz.io

About

Copy URL With Hash is a Firefox add-on to copy a page's URL with a hash at the end that identifies the location on the page.

How It Works

When building a web page, web developers can assign an ID to a specific element on a page. Then, they can use the ID to link directly to that element on the page. For example, Wikipedia pages have a Table of Contents; the links inside the Table of Contents take you to different parts of the same page. When you click or tap on an item in the Table of Contents, look at the URL in the location bar; the section of the page is identified in the URL by the hash (the part of the URL after the hashtag symbol: #).

Some sites provide an easy way to get a link to a specific part of the page; for example, on Wikipedia, you can right-click or long-press on an item in the Table of Contents and select "Copy Link Location" or "Copy Link" to copy a link to that part of the page. However, some pages have headings or other elements identified in the source code by a specific ID, but they do not provide an easy way (like a table of contents) to get a link to that ID. This is where Copy URL With Hash comes in; just right-click or long-press anywhere on a webpage (for example, on a heading), and, if there is a specific ID that represents the element on which you right-clicked or long-pressed, Copy URL With Hash will add a button to the context menu (labeled "Copy Page URL With Hash") that will copy the page URL to your clipboard with a hash at the end that will take you directly to that element on the page.

Why Is This Useful?

Have you ever wanted to send a link to a webpage to someone, but the section of the webpage that you are interested in is further down on the page? Rather than telling the person to scroll down the page until they reach the specific point that you want to show them, just send them a link that automatically takes them right to that section!

Installation

Copy URL With Hash is an add-on for Mozilla Firefox. It is designed for both the desktop version of Firefox and the mobile (Android) version of Firefox! If you have a computer running Firefox or an Android device running Firefox, you can install Copy URL With Hash.

To install Copy URL With Hash, visit the add-on's page on Mozilla Add-ons.

For more information on using Copy URL With Hash, see the welcome page.

Reporting Issues

If you find an issues with Copy URL With Hash, please file an issue report on GitHub.

Screenshots

Click on an image to view a larger, more detailed version.

Copy URL With Hash in Firefox on Windows

Copy URL With Hash in Firefox on Windows

Copy URL With Hash in Firefox on Mac OS X

Copy URL With Hash in Firefox on Mac OS X

Copy URL With Hash in Firefox on Android

Copy URL With Hash in Firefox on Android

Creative Commons License
All screenshots are licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

Development

The source code for Copy URL With Hash is hosted on GitHub, licensed under the BSD 2-clause license. Feel free to browse the code. To contribute, fork the repo and add a pull request, or add an issue request on GitHub.

Add-on test page: test.html