Language / Locale
+ +
VIEWPORT WIDTH
DOM DEPTH
Chrome Extension

Precision XPath
Selector Tools

|

Generate, validate, and copy XPath selectors with a single gesture. Shift+Hover any element. Built for developers and QA engineers who think in DOM trees.

Status Free & Open source
Privacy No data collection
Setup Install in under a minute
//nav

Feature Annotations

Six precision-engineered capabilities for modern web element inspection and XPath generation.

+

Shift + Hover

Hold Shift and move your cursor. XPath selectors generate instantly for any element under the pointer.

</>

Live Editing

Modify selectors in real time. Matching elements highlight immediately on the page as you type.

#

Multiple Selectors

Get multiple alternative XPath expressions for every element. Pick the most robust option.

Theme Switching

Toggle between light and dark interface themes. Adapts to your working environment.

A

Zero Setup

Install it, hold Shift, and start inspecting. No account, no onboarding, no remote dependency.

Clipboard Copy

One-click copy to clipboard. Paste selectors directly into test scripts or the browser console.

Live Schematic

Watch XPath generation in real time as the inspector scans through DOM elements.

XPath Inspector — Live Preview scanning
Source Document
<div class="app">
  <nav id="main-nav">
    <ul class="nav-list">
      <li><a href="/docs">Docs</a></li>
      <li><a href="/api">API</a></li>
    </ul>
  </nav>
</div>
Generated Output
Primary Selector
//nav[@id='main-nav']//a[@href='/docs']
Alternatives
//ul[@class='nav-list']/li[1]/a
//a[contains(text(),'Docs')]
Hold Shift + hover any element to generate XPath instantly. Edit selectors live and watch matches highlight in real time.
React
TypeScript
Vite
Chrome API
i18next

Technical Specifications

Everything you need to know before installation. One extension, zero configuration.

XPath Tools

Chrome Extension — Installation Guide
Type Chrome Browser Extension
Platform Chromium-based browsers
Framework React + TypeScript + Vite
Version 0.7.0
Updated March 28, 2026
Size 624KiB
Languages English (United States)
Activation Shift + Hover on any DOM element
Price Free & Open Source
Privacy No data collection · Works offline
Install 1. Open Chrome Web Store → 2. Add to Chrome → 3. Shift+Hover
Install on Chrome