Xpather 为页面上的任何元素生成多个 XPath 变体，并让您实时测试表达式——全部在保持打开的侧面板中完成。
使用场景
- 编写网页爬虫需要可靠的选择器
- 调试页面结构和 DOM 层级
- 使用 XPath 定位器构建测试自动化（Selenium、Playwright、Puppeteer）
- 在真实页面上学习 XPath 语法
- 快速查找和复制到任何元素的最短唯一路径
工作原理
- 从工具栏图标打开 Xpather 或按 Ctrl+Shift+X（Mac 上为 Cmd+Shift+X）。
- 点击"选取元素"或按住 Alt 在页面上悬停——光标下的元素实时高亮。
- Alt+点击选择。Xpather 立即为该元素生成最多 7 个 XPath 变体。
- 一键复制所需的变体或手动编辑进行测试。
XPath 策略
- 按 ID——使用元素的 id 属性获取直接、唯一的选择器
- 按 data-*——定位 data 属性（data-testid、data-qa 等）
- 按属性——从任何区分性属性构建选择器
- 按文本——按可见文本内容匹配元素
- 按类——使用 CSS 类名定位元素
- 最短路径——从根开始最简洁的唯一 XPath
- 绝对路径——从 html 到目标元素的完整路径
每个变体在产生唯一匹配时显示"最佳"徽章。
功能特性
- 元素选取器：Alt+悬停高亮、Alt+点击选择、Esc 取消
- 实时评估：输入或粘贴任何 XPath，在页面上查看高亮匹配
- 匹配计数器：显示有多少节点匹配表达式
- DOM 预览：检查匹配节点的标签、属性和文本
- 一键复制到剪贴板
- 侧面板模式：将 Xpather 固定到浏览器侧面板
- 键盘快捷键：Ctrl+Shift+X 切换选取器
- 深色和浅色主题
- 英语和俄语本地化
隐私
- 零网络请求——完全离线工作
- 零遥测、分析或跟踪
- 无需账户、无需登录
- 所有数据保留在浏览器中
- 开源：https://github.com/investblog/xpather
权限
- activeTab——激活选取器时访问当前标签页的 DOM
- scripting——将元素选取器脚本注入页面
- webNavigation——检测页面导航以重置选取器状态
- sidePanel——在浏览器侧面板中显示 XPath 结果