DOM QUERY / CSS SELECTOR / XPATH

HTML 选择器测试器

粘贴 HTML，用 CSS Selector 或 XPath 即时查找元素、属性和文本节点。结果同时给出可复制路径、源码片段和隔离高亮预览。

查询模式CSS
命中0
HTML1 KB
预览隔离
安全预览：脚本、嵌套页面、事件属性、样式及外部资源 URL 会从预览副本中移除；iframe 使用无权限 sandbox 和禁止联网的 CSP。匹配仍基于原始 HTML。
示例查询

SOURCE

HTML 源码

811 / 1,048,576 bytes

SANDBOX PREVIEW

高亮预览

不联网 · 不执行
修正 HTML 大小后显示预览

MATCHES

匹配结果

没有匹配节点

检查上下文、类名、属性和 XPath 的相对/绝对路径。

USE & REVIEW

CSS Selector / XPath 测试器常见问题

查看全部工具指南 →

CSS Selector 和 XPath 分别适合什么场景？

CSS Selector 适合前端样式、querySelector 和常规元素定位；XPath 可以选择文本节点、属性、祖先和更复杂的结构关系。浏览器自动化框架是否完整支持 XPath，需要以对应框架文档为准。

粘贴的 HTML 会执行脚本或加载外部资源吗？

不会。匹配在浏览器内的 DOM 副本上完成；预览会移除脚本、iframe、事件属性、样式和外部 URL，再放入无权限 sandbox iframe，并用 CSP 禁止网络连接。

为什么 XPath 结果有时是数字、字符串或布尔值？

XPath 不只返回节点集合。count() 会返回数字，string() 返回字符串，boolean() 返回真假值。工具会把这些结果标成“标量”，因此没有元素高亮或 CSS 路径是正常现象。

复制出的 CSS 路径能保证长期稳定吗？

不能。自动路径反映当前 HTML 结构，DOM 层级、同级顺序或动态类名变化后可能失效。生产自动化应优先使用稳定的 id、data-* 测试属性或业务标识，并为页面改版准备回归测试。

大量节点命中时应该怎样处理？

单次最多分析 2,000 个节点，列表只展示前 500 项。命中过多通常说明选择器太宽，应增加容器、属性、层级或状态条件；这样既便于核对，也更接近实际采集和自动化代码。