About
Copy URL With Hash is a browser extension 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 a browser extension, compatible with Mozilla Firefox and Google Chrome.
To install Copy URL With Hash for Firefox, visit the add-on's page on Mozilla Add-ons.
To install Copy URL With Hash for Chrome, visit the add-on's page in the Chrome web store.
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.
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