+ +
視域寬度
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