SelectorsHub擴(kuò)展是一個 xPath 和 cssSelector 插件，它可以用作智能編輯器來編寫和驗證 xpath、cssSelector、Playwright 選擇器、jQuery 和 JS Path。 SelectorsHub 也可用于自動生成唯一的 xpath、css 選擇器和所有可能的選擇器，歡迎需要此插件的朋友前來下載使用。

使用 SelectorsHub xpath 插件的非常簡單的步驟-

1.添加到瀏覽器后，重啟瀏覽器。

2. 打開開發(fā)工具。

3. 單擊 SelectorsHub 選項卡（參考屏幕截圖）。

4. 在這里它將顯示所有可能的 xpath，檢查元素的選擇器。

5. 要構(gòu)建自己的 xpath 或 CSS 選擇器，請開始在選擇器輸入框中輸入內(nèi)容。

要了解有關(guān) SelectorsHub 的更多信息，請查看產(chǎn)品頁面-

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）動態(tài)元素，

6) 驗證多個 xpath 并完成頁面。

7) 它建議自動化將為各個元素提供什么異常。

如果您遇到任何問題或想提供反饋，請隨時通過 selectorshub@gmail.com 與我聯(lián)系

 插件安裝方法

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

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/

3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴(kuò)展管理界面中，這時候用戶會發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

4.松開鼠標(biāo)就可以把當(dāng)前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會給予用戶一個確認(rèn)安裝的提示。

5.用戶這時候只需要點擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

3.勾選開發(fā)者模式，點擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。

如果你在安裝過程中出現(xiàn)下圖中的錯誤程序包無效 CRX_HEADER_INVALID

可以參考：超詳細(xì)的Chrome 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決