插件小屋
Web Element Selector Generator

Web Element Selector Generator

1.2
2026-10-09
0
5.0
Web Element Selector Generator - 截图 1Web Element Selector Generator - 截图 2Web Element Selector Generator - 截图 3Web Element Selector Generator - 截图 4Web Element Selector Generator - 截图 5

插件介绍

使用可立即粘贴的 Selenium、Playwright 和 Cypress 代码片段为元素或整个页面生成 CSS/XPath 选择器。

Web 元素选择器生成器可立即将任何元素(或整个页面)转换为即用型 CSS 选择器、XPath 以及 Selenium、Playwright、Cypress 和 WebdriverIO 的测试自动化代码。

停止在 DevTools 中手工制作定位器。单击一个元素,或一次扫描整个页面,获取您需要的每一种选择器策略,以及您已使用的语言和框架(Java、Python、JavaScript/TypeScript 或 C#)中的复制粘贴就绪代码。

选择一个元素
• 单击一个元素(打开检查模式)或 Alt+单击任意位置,而不会阻止导航
• 右键单击​​任何元素并选择“为此元素生成选择器”
• 使用 Alt+Shift+E 快捷键直接跳入检查模式

一次扫描整个页面 — 新
• 打开侧面板并一次性扫描页面上的每个链接、按钮、输入、表单和测试 ID 标记元素
• 达到跨源 iframe,而不仅仅是您自己的框架 — 这是大多数选择器工具无法做到的
• 按元素类别过滤,按文本/标签/选择器搜索,并将鼠标悬停在任何结果上以在页面上实时突出显示它
• 多选元素并将它们一起导出为可直接粘贴的页面对象类

每个元素有 8 个定位器策略
• CSS — 相对(最短唯一路径)和绝对
• XPath — 相对和绝对
• CSS 属性包含和 XPath 文本包含,适用于具有动态类/ID 的元素
• ARIA 角色/名称选择器,用于可访问性优先的测试
• “推荐”徽章会自动突出显示最强大的选项

生成可立即粘贴的测试代码 — 新
• Selenium WebDriver:Java、Python、C#、JavaScript
• 剧作家:JavaScript/TypeScript、Python、Java、C#
• 赛普拉斯和 WebdriverIO
• 复制单个定位线,或从一批扫描元素中导出完整的页面对象类骨架

专为现实世界的页面而打造
• 在开放影子根和同源 iframe 中工作,当选择器的范围有限时有清晰的注释
•“验证全部”根据页面实时检查每个生成的选择器并报告匹配计数
• 保留每个选项卡最近 25 个选择的历史记录,以便您可以重新访问之前的选择
• 可配置的属性优先级 - 首选 data-testid、data-qa 或您自己的自定义属性
• 将您的选择历史记录或整页扫描导出为 JSON 或 CSV

隐私第一
一切都在您的浏览器本地运行。任何元素数据、页面内容或选择器都不会发送到任何地方 - 历史记录、扫描结果和设置仅存储在您自己的 Chrome 配置文件中。

专为 QA 工程师、SDET 和编写 Selenium、Playwright、Cypress 或 WebdriverIO 测试的自动化测试人员、调试动态 UI 的开发人员以及抓取数据或审核页面以实现可访问性的任何人而构建。


插件详情

评分
5.0星(共5星),共1位用户参与评分
使用人数67
版本1.2
文件大小31.15KB
支持语言英语
IDnjnpnfbnkpccabdjcgmgambggjnmbnad
发布时间2026-10-09 22:11:46