A small Chrome & Firefox extension to copy the path to a DOM element. For example:
[Page] section.page > div.taskList > [Task] div.taskRow > p.taskSummary
Useful for pasting to an LLM.
- Open
chrome://extensions - Enable Developer mode
- Click Load unpacked
- Select the project directory
Ignore the warning about background.scripts; this is referenced in the manifest to support Firefox.
- Open
about:debugging - Click This Firefox
- Click Load Temporary Add-on...
- Select
manifest.json
- Click the extension icon → hover over elements
- Click an element → path copied to clipboard
IMO, Chrome extensions are a security nightmare. This extension's code is very small, in pure JS and with no dependencies. You can easily verify the code.