SelectorsHub(xPath 和 cssSelector 插件) v5.3.4 官方安装版

SelectorsHub扩展是一个 xPath 和 cssSelector 插件，它可以用作智能编辑器来编写和验证 xpath、cssSelector、Playwright 选择器、jQuery 和 JS Path。 SelectorsHub 也可用于自动生成唯一的 xpath、css 选择器和所有可能的选择器，欢迎需要此插件的朋友前来下载使用。

使用 SelectorsHub xpath 插件的非常简单的步骤-

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

2. 打开开发工具。

3. 单击 SelectorsHub 选项卡（参考屏幕截图）。

4. 在这里它将显示所有可能的 xpath，检查元素的选择器。

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

要了解有关 SelectorsHub 的更多信息，请查看产品页面-

https://www.selectorshub.com/selectorshub/

观看本教程以充分利用它。

https://www.youtube.com/watch?v=LFFKIG9TxFk

特征-

它会自动生成 -

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) 它建议自动化将为各个元素提供什么异常。

如果您遇到任何问题或想提供反馈，请随时通过 selectorshub@gmail.com 与我联系

 插件安装方法

方法一：.crx文件格式插件安装

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。

5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。

方法二：文件夹格式插件安装

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

如果你在安装过程中出现下图中的错误程序包无效 CRX_HEADER_INVALID

可以参考：超详细的Chrome 浏览器/浏览器插件安装教程(全方法) 一文解决