SelectorsHub(XPath辅助工具)

插件介绍

SelectorsHub是一个 xpath 插件和 cssSelector 插件。它可以用作智能编辑器来编写和验证 xpath、cssSelector、Playwright 选择器、jQuery 和 JS Path。 SelectorsHub 还可以用于自动生成唯一的 #xpath、css 选择器和所有可能的选择器。这篇文章接下来将深入介绍这个插件的具体功能及安装方法。

插件特征

a) 一键打开以及通过键盘快捷键打开。

对于 Windows - ctrl+shift+s

对于 Mac- cmd+shift+s

b）它自动生成

1) 基于轴的 XPath、相对 xpath、基于索引的 xpath 和绝对 xpath。

2）唯一相对的cssSelector

3) 被检查元素的所有可能的选择器

4) JS 路径和​​ jQuery。

插件支持

1）xpath和cssSelector错误处理

2）Shadow dom和嵌套shadow dom

3）iframe和嵌套iframe

4）svg元素

5）动态元素

6) 验证多个 xpath 和完整的定位器页面。

7) 它建议自动化将为各个元素提供哪些异常。

插件安装

1、从页面底部的链接下载插件的CRX文件，并确保文件的ID为ndgimibanhlabgdgjcpbbndiehljcpfh

2、打开Chrome浏览器，点击右上角的三个点图标，选择[扩展程序]-[管理扩展程序]。在打开的页面中，需要开启[开发者模式]，然后将下载的CRX文件拖拽至此界面，点击[添加扩展程序]以完成安装。

3、返回到浏览器右上角会看到这款插件的ICO启动图标，插件便已准备就绪。

插件使用

1.添加到浏览器后，重新启动浏览器。

2. 将 SelectorsHub 徽标固定到工具栏。

现在只需单击 SelectorsHub 徽标，它将打开 SelectorsHub 选项卡。这就是您准备使用它的全部内容。

4. 此处将显示所有可能的 xpath、检查元素的选择器。

5. 要构建您自己的 xpath 或 CSS 选择器，请开始在选择器输入框中键入。

您可能感兴趣的文章

• Chrome浏览器如何下载并安装浏览器插件
• chrome浏览器离线安装包下载
• 如何解决Chrome安装插件时出现“程序包无效”的问题
• Chrome浏览器安装主题背景插件后如何恢复或删除？