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

使用 SelectorsHub xpath 插件的非常簡(jiǎn)單的步驟-

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

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

3. 單擊 SelectorsHub 選項(xiàng)卡（參考屏幕截圖）。

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

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

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

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

觀(guān)看本教程以充分利用它。

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

特征-

它會(huì)自動(dòng)生成 -

1) 基于軸的 XPath、相對(duì) xpath、基于索引的 xpath 和絕對(duì) xpath。

2）唯一的相對(duì)cssSelector

3) 檢查元素的所有可能選擇器

4) JS 路徑和?? jQuery。

它支持

1) xpath 和 cssSelector 錯(cuò)誤處理

2）Shadow dom和嵌套的shadow dom

3) iframe 和嵌套 iframe

4) svg 元素

5）動(dòng)態(tài)元素，

6) 驗(yàn)證多個(gè) xpath 并完成頁(yè)面。

7) 它建議自動(dòng)化將為各個(gè)元素提供什么異常。

如果您遇到任何問(wèn)題或想提供反饋，請(qǐng)隨時(shí)通過(guò) selectorshub@gmail.com 與我聯(lián)系

 插件安裝方法

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

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

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

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

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

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

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

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

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

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

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

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