Easily send and receive direct links to any section within an HTML page.
Link to Element Extension
chrome-xpath-link
Did you ever want to deep link to a paragraph of an HTML page? If that section or paragrah has an HTML id attribute set, browsers will scroll to it if you append it to the URL hash https://github.com/dergachev/chrome-xpath-link#chrome-xpath-link
This extension allows you to easily copy a direct link to any element (with or without id attribute) simply by right clicking on it, and selecting \"Get link to XPath\" from the context menu.
Generally the paths will be of the following form: https://github.com/dergachev/chrome-xpath-link#readme/article/p-3
Upon visiting a URL that contains a valid xpath, the script will highgliht and scroll to that element.
A valid xpath is either any standard XPath expression (eg //*[@id=\"dom-element-id\"]/div[4]), or an encoding of one as produced by this script (eg dom-element-id/div-4).
Installation
To use the plugin, simply download this CRX package file: https://github.com/dergachev/chrome-xpath-link/blob/master/chrome-xpath-link.crx?raw=true Note that it may be out of date relative to the source.
Inspiration
XPath code shamelessly copied from the Firebug Lite chrome extension: http://getfirebug.com/firebuglite#Debug My Chrome extension development was greatly aided by this tool: https://github.com/Rob--W/Chrome-Extension-Reloader
Read more
Did you ever want to deep link to a paragraph of an HTML page? If that section or paragrah has an HTML id attribute set, browsers will scroll to it if you append it to the URL hash https://github.com/dergachev/chrome-xpath-link#chrome-xpath-link
This extension allows you to easily copy a direct link to any element (with or without id attribute) simply by right clicking on it, and selecting \"Get link to XPath\" from the context menu.
Generally the paths will be of the following form: https://github.com/dergachev/chrome-xpath-link#readme/article/p-3
Upon visiting a URL that contains a valid xpath, the script will highgliht and scroll to that element.
A valid xpath is either any standard XPath expression (eg //*[@id=\"dom-element-id\"]/div[4]), or an encoding of one as produced by this script (eg dom-element-id/div-4).
Installation
To use the plugin, simply download this CRX package file: https://github.com/dergachev/chrome-xpath-link/blob/master/chrome-xpath-link.crx?raw=true Note that it may be out of date relative to the source.
Inspiration
XPath code shamelessly copied from the Firebug Lite chrome extension: http://getfirebug.com/firebuglite#Debug My Chrome extension development was greatly aided by this tool: https://github.com/Rob--W/Chrome-Extension-Reloader
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Link to Element", "description": "Easily send and receive direct links to any section within an HTML page.", "version": "0.2", "permissions": ["contextMenus"], "background": { "scripts": ["background.js"] }, "icons": { "128": "link-to-element.png"}, "content_scripts": [ { "js": ["lib/jquery.min.js", "lib/jquery.scrollto.min.js","lib/jquery.xpath.js", "link-to-element.helpers.js", "link-to-element.js"], "matches": [ "http://*/*", "https://*/*" ] } ], "manifest_version": 2}
Read more