+ +
视口宽度
DOM 深度
Chrome 扩展

精准 XPath
选择器工具

|

通过一个手势即可生成、验证和复制 XPath 选择器。按住 Shift+悬停任意元素。专为用 DOM 树思考的开发者和 QA 工程师打造。

状态 免费且开源
隐私 不收集数据
安装 一分钟内即可完成
//nav

功能注解

六项精密设计的功能,用于现代 Web 元素检查和 XPath 生成。

+

Shift + 悬停

按住 Shift 并移动光标。XPath 选择器会立即为指针下的任何元素生成。

</>

实时编辑

实时修改选择器。匹配的元素会在页面上立即高亮显示。

#

多维选择器

为每个元素提供多个备选 XPath 表达式。选择最稳健的方案。

○

主题切换

在浅色和深色界面主题之间切换。适应您的工作环境。

A

零配置上手

安装后按住 Shift 即可开始检查。无需账号、无需引导、无需远程依赖。

⇒

剪贴板复制

一键复制到剪贴板。直接粘贴到测试脚本或浏览器控制台。

实时原理图

实时观察检查器扫描 DOM 元素时的 XPath 生成过程。

XPath 检查器 — 实时预览 扫描中
源文档
<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>
生成结果
主选择器
//nav[@id='main-nav']//a[@href='/docs']
备选方案
//ul[@class='nav-list']/li[1]/a
//a[contains(text(),'Docs')]
按住 Shift + 悬停任意元素即可即时生成 XPath。实时编辑选择器并观察匹配高亮。
React
TypeScript
Vite
Chrome API
i18next

技术规格

安装前您需要了解的一切。一个扩展,零配置。

XPath Tools

Chrome 扩展 — 安装指南
类型 Chrome 浏览器扩展
平台 基于 Chromium 的浏览器
框架 React + TypeScript + Vite
版本 0.7.0
更新时间 2026 年 3 月 28 日
大小 624KiB
语言 英语(美国)
激活方式 在任意 DOM 元素上 Shift + 悬停
价格 免费且开源
隐私 不收集数据 · 支持离线使用
安装 1. 打开 Chrome 应用商店 → 2. 添加到 Chrome → 3. Shift+悬停
安装到 Chrome