XPath CSS Explorer

XPath CSS 资源管理器

该工具旨在让 Web 开发人员能够探索网页结构并生成优化且健壮的 XPath 和 CSS 选择器，以用于他们的测试和其他用例。除了绝对 XPath，其他路径都被优化为足够短和通用以承受页面播放的某些更改。这是通过利用 ID 和唯一的类信息以及某些强大的属性（如名称、标题等）来实现的。

探索选择器
本节是探索网页结构的绝佳方式。它提供了一个搜索框来输入 CSS 或 XPath 表达式。在输入时，它会概述符合条件的所有 Web 元素。例如，键入并输入“div”，以查找并概述页面中的所有 div。任何合法的 CSS/XPath 表达式都可以在这里工作。导航 UI 显示所有匹配的选择器以及当前选择器。它允许循环浏览找到的匹配项。

电流选择器
本节旨在使用一组启发式方法为网页中的任何 Web 元素提供稳健且优化的选择器路径。此类路径可以嵌入到 Selenium 或类似工具中，以创建对 UI 更改具有鲁棒性的测试。此面板会自动为 Elements 面板中的当前选定 Web 项目生成路径。


页面 CSS 信息
本节提供了一种了解当前页面上可用的所有 ID 和 Class 元素的方法。如果有多个元素，则编号徽章表示计数。通过单击来浏览每个项目，这会将其传播到搜索框以生成轮廓。

请提供反馈以纳入未来版本。希望工具有帮助！