Locator Labs-Playwright, Selenium, Cypress & WebdriverIO Locator Generator

介绍

LocatorLabs - Playwright、Selenium、WebDriverIO、Cypress 和 Robot Framework 的智能定位器生成。
由 Naveen 自动化实验室 FZCO 开发。
🔒 100% 私密 - 零数据收集 |没有云 |无广告 |完全离线运行

立即生成智能 Playwright、Selenium、Cypress、WebDriverIO、Robot Framework 定位器，并具有质量评级、自动页面对象生成和高级 DOM 支持！

1.点击上方的“添加到Chrome”
2.确认安装
3. 打开 Chrome DevTools（F12 或右键单击 → Inspect）
4. 在 DevTools → Elements 面板中找到“Locator Labs”选项卡
5. 开始检查元素以生成定位器！

🚀 2.0.1 的新增功能

此版本重点关注 Selenium Shadow-DOM 奇偶校验 — 包括一流的 Salesforce Lightning (LWC) 支持 — 以及更快的页面对象工作流程。

新功能：Salesforce Lightning / LWC Shadow DOM — 一流的支持

• LWC 组件（lightning-input、lightning-button、lightning-datatable、lightning-combobox 等）大量使用封闭阴影根 — 其中页面上下文 .shadowRoot 返回 null，并且标准选择器默默失败
• 该扩展现在使用 DevTools 检查的元素 ($0) 作为可信锚点来遍历这些闭合阴影树，因此它可以针对真实的 Salesforce Lightning 页面、Experience Cloud 站点和自定义 LWC 组件生成可靠的定位器
• LWC 特定属性（数据目标选择名称、数据名称、数据值、数据refid、数据键）优先作为顶级定位器 — 它们在 Salesforce 版本中保持稳定，并且可以在重新渲染后继续存在
• 嵌套LWC 组合（组件内组件内组件）正确链接，逐个主机，一直向下
• 根据真实 Salesforce 页面进行验证：设置、Lightning App Builder、对象管理器、自定义 LWC 应用程序

新：Selenium 4 Shadow DOM — 端到端
• 影子根内的每个推荐的 Selenium 定位器现在都会发出适当的 getShadowRoot() 链 (Java) 或 .shadow_root 链 (Python) — 逐个主机，一直到目标
• JavaScriptExecutor 后备是同时生成的，因此您可以选择您的团队喜欢的任何一个
• 嵌套阴影根（阴影内阴影内阴影）在每个级别正确链接 — 包括深层 Salesforce LWC 树

新功能：测试定位器框中的 Selenium Shadow-DOM 高亮显示
• 将任何 Selenium Shadow-DOM 片段 — Java getShadowRoot()、Python Shadow_root 或 JSexecuteScript(...shadowRoot.querySelector...) — 粘贴到测试定位器框中，扩展实际上会突出显示目标元素
• 适用于任意嵌套的影子链（在真实 Salesforce Lightning 页面上验证最多 3 层）
• 断链报告哪个步骤失败以及哪个选择器不匹配 — 不再出现没有提示的“未找到元素”

新：封闭的 Shadow-Root 检测 + CDP 强制开放解决方法
• 该扩展现在可以在检查时检测关闭的影子根，并内联警告您
• 对于封闭阴影，getShadowRoot() 从“最佳”降级为“ok”，并附有注释解释 Selenium 将在运行时抛出 NoSuchShadowRootException
• 使用 Page.addScriptToEvaluateOnNewDocument 的基于 CDP 的强制打开代码段被提升为“最佳”并以 Java（通过 DevTools）或 Python（通过execute_cdp_cmd）生成 - 将其放入您的测试设置中，每个后续 getShadowRoot() 调用都可以工作，即使是针对封闭的根
• 对于Salesforce Lightning (LWC)、Stripe Elements 以及任何附带attachShadow({ mode: 'close' }) 的现代Web 组件库至关重要
• 对于具有混合阴影的页面（开放外部 → 封闭内部），只有当链中至少有一个封闭阴影时，才会出现 CDP 设置

新功能：实时页面对象预览
•“生成页面对象”模式现在有一个预览面板 - 查看弹出窗口中生成的确切代码，无需下载
• 切换“框架和语言”下拉列表，预览可在 Playwright TS / JS / Python / C# / Java（或 Selenium Java ↔ Python、WebdriverIO TS ↔ JS）之间立即重新渲染
• 重命名页面、选中/取消选中元素 - 预览会跟随每次更改
• 复制按钮将预览复制到剪贴板；生成和下载仍然会写入文件 - 两者都使用相同的构建器，因此您所看到的正是您所得到的

新功能：页面对象生成器中的自由语言切换
• 以前：在 Playwright TypeScript 中生成 PO 后，切换到 Playwright Java（或 Python、或 C#）会因“语言不匹配！”而被阻止。 — 尽管内置 JS→目标转换器完全支持每种 Playwright 语言
• 现在：在一个框架内，您可以以任何受支持的语言自由地重新发出相同的收集的定位器
• 真正的跨框架切换（例如 Playwright → Selenium）仍然在最早的时候被阻止，具有更清晰的消息引用框架而不是语言标识符

新功能：Playwright C# 和 Java 页面对象生成器
• 除了 TypeScript / JavaScript / Python 之外，PO 下拉列表现在还提供 Playwright - C# (.NET) 和 Playwright - Java
• C# PO：公共类 LoginPage、私有只读 IPage _page、私有只读 ILocator ...、异步任务 LoginAsync()、正确的 PascalCase 方法、AriaRole.Button、new() { Name = "..." }
• Java PO：公共类 LoginPage、私有最终 Page 页、私有最终定位器 ...、公共 void login()、AriaRole.BUTTON、接收者限定选项类 (new Page.GetByRoleOptions().setName(...))，因此代码无需修改即可编译

修复：页面对象方法命名
• getByRole('button', { name: 'Login' }) 用于生成丑陋的字段名称（如 btnButton）和方法（如 clickButton()）
• 现在，每个剧作家方言都更喜欢可访问的名称而不是角色 - 您可以使用 loginButton / getLogin() / clickLogin() 代替
• 跨 TS、JS、Python、C# 和 Java 生成器进行了修复

主要功能

所有主要操作，如单击、sendKeys、填充、键入、textContent、getText 等 - 直接在 LocatorLabs 中练习和验证这些方法。

其他特点

1.添加了所有5大自动化框架（Playwright、Selenium、CypressJS、WebDriverIO、Robot Framework）
2. 复制带有定位器的选项、完整定位器文本和带有变量名称的定位器
3. 更好的 iframe 处理
4. 更好的 Shadow DOM 处理
5. 支持隐身模式
6.更好的错误处理
7. 小错误修复

特点

🎯 多框架支持
• 剧作家（JavaScript/TypeScript、Python、C# .NET、Java）
• Selenium（Java、Python）
• 赛普拉斯（JavaScript/TypeScript）
• WebDriverIO（JavaScript/TypeScript）
• 机器人框架（SeleniumLibrary / 浏览器库）
• 无缝框架和语言切换

🎯 智能定位器生成
• 质量评级：每个定位器的最佳/良好/良好
• 推荐定位器与替代定位器
• getByRole、getByLabel、getByPlaceholder、CSS、XPath
• 每个定位器的描述性解释
• 空白标准化文本/可访问名称，以便 getByText 和 getByRole 正确往返

🎯 非侵入式测试突出显示
• 用覆盖层突出显示匹配的元素——永远不会改变元素的 DOM
• 在滚动/调整大小时跟踪元素
• 跨多场比赛的上一个/下一个导航

🎯 测试数据/表格填写
• 一键式阳性测试数据，具有真实价值
• 表单验证测试的负面测试数据
• 数字输入遵循最小/最大/步长和标签提示
• 下拉菜单跳过占位符选项（“-- 选择 --”，值=“0”）
• 可从设置面板配置数据类型

🎯 Selenium 4+ 相对定位器
• 生成空间关系：above()、below()、toLeftOf()、toRightOf()、near()
• 智能锚元素检测
• Java 和 Python 的自动导入生成

🎯 高级 DOM 支持
• Shadow DOM 遍历和定位器生成
• 嵌套 iframe / / 框架集支持以及正确的框架链发射
• SVG 名称空间感知 XPath
• 复杂的Web 组件处理

🎯 页面对象生成器
• 导出组织的页面对象类
• 逐元素集合管理
• 特定于框架的代码生成
• 生产就绪的代码输出

🎯 生产力工具
• ✏️ 绘图和注释工具
• ⏸️ 暂停模式（按“P”）
• ⌨️ 通过元素输入按键导航
• 🔄 圆形元素导航
• 实时定位器验证
• 自动完成并带有语法突出显示
• 深色/浅色主题支持

隐私与安全

1. 零数据收集——我们不跟踪任何东西
2. 100%离线——无后端服务器，无云
3. 无需用户帐户
4.没有广告或恶意软件
5. 最小权限（activeTab，仅限下载）
6. 所有处理都在您的浏览器本地进行

与其他工具不同，没有后端可供黑客攻击，没有数据库可供破坏，也没有数据可供窃取。

非常适合

- QA 工程师和测试自动化开发人员
- SDET（测试中的软件开发工程师）
- Salesforce Lightning / LWC 团队需要可靠的封闭阴影 DOM 定位器
- 开发运营工程师
- 软件测试员
- 自动化框架开发人员
- .NET / Java 团队对 Playwright 进行标准化

主要优点

- 节省手动创建定位器的时间
- 用您团队选择的语言生成可维护、可用于生产的代码
- 使用智能的空白标准化策略减少片状测试
- 通过建议学习最佳实践
- 无需离开 Elements 面板即可检查嵌套框架和 Shadow DOM
- 无订阅费 — 永久免费

关于定位器实验室

LocatorLabs 由以下人员开发和维护：
📍 纳文自动化实验室 FZCO
📍 阿联酋迪拜 DAFZA 自由区
📍执照号码：4949

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用