XPath Tools is a Chrome extension for inspecting web page elements and generating stable XPath selectors in a Side Panel workflow.
It helps you inspect the current element with Shift + Hover, compare multiple XPath candidates, edit XPath directly, and verify the matched result on the page in real time.
There are currently 3 ways to install this extension.
Recommended for most users.
Now available: https://chromewebstore.google.com/detail/xpath-tools/dgcngfeodlpcgpihinndjhabeifmjcmc
Search and install by text:
- Open Chrome
- Search for
XPath Tools Chrome extensionorXPath Toolsin Google - Open the Chrome Web Store result named
XPath Tools - Confirm the publisher and extension name match
- Click
Add to Chrome - Approve the install prompt
After installation, click the extension icon to open the Side Panel.
Recommended if you prefer manual installation or need an unpacked local copy.
- Open the Releases page: https://github.com/riko2chen/xpath_tools/releases
- Download the latest release package
- Unzip the downloaded file to a local folder
- Open
chrome://extensions - Turn on
Developer mode - Click
Load unpacked - Select the unzipped extension folder
After loading, click the extension icon to open the Side Panel.
- Clone or download this project
- Install dependencies
npm install- Build the extension
npm run build- Open
chrome://extensions - Turn on
Developer mode - Click
Load unpacked - Select the
dist/folder in this project
- Inspect page elements with
Shift + Hover - Generate a unique
Best MatchXPath for the selected element - Show
More Optionswhen multiple usable XPath candidates are available - Edit XPath directly and update the page highlight in real time
- Support manual injection and auto injection while the Side Panel is open
- Support theme switching and 20 UI languages
- Support quick copy with toast feedback
Open source URL: https://github.com/riko2chen/xpath_tools
Buy Me a Coffee URL: https://buymeacoffee.com/rikochen
Buy Me a Coffee QR:
WeChat QR:
