SelectorsHub

xPath plugin to auto generate, write and verify xpath & cssSelector.

什麼是SelectorsHub?

SelectorsHub是由https://selectorshub.com開發的Chrome擴展程式,該擴展的主要功能是“xPath plugin to auto generate, write and verify xpath & cssSelector.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

下載SelectorsHub擴展crx文件

下載SelectorsHub擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        SelectorsHub is a xpath plugin and cssSelector plugin.
It can be used as smart editor to write and verify xpath, cssSelector, Playwright selectors, jQuery and JS Path. SelectorsHub can also be used to auto generate the unique #xpath, css Selector and all possible selectors.

Very simple steps to use SelectorsHub xpath plugin-
1. After adding it to browser, restart the browser. 
2. Pin the SelectorsHub Logo to tool bar.
Now just click on SelectorsHub logo and it will open SelectorsHub tab. That’s all you are all set to use it.
4. Here it will show all possible xpath, selectors for inspected element. 
5. To build  your own xpath or CSS Selector, start typing in the selector input box.

To learn more about SelectorsHub, please checkout product page-
https://www.selectorshub.com/selectorshub/

Watch this tutorial to make the best use it. 
https://www.youtube.com/watch?v=XrozsjJa_9I

Features-
a) Opens in one click as well as through keyboard shortcut. 
For Windows - ctrl+shift+s
For Mac- cmd+shift+s
b) It auto generates -
1) Axes Based XPath, relative xpath, index based xpath & absolute xpath.
2) Unique relative cssSelector
3) All possible selectors for inspected element
4) JS Path and jQuery.

It supports
1) xpath and cssSelector error handling
2) Shadow dom and nested shadow dom
3) iframe and nested iframe
4) svg elements 
5) Dynamic elements, 
6) Verify multiple xpaths and complete locators page.
7) It suggest what exception automation will give for the respective element.

If you are facing  any issue or want to give a feedback, feel free to reach out to me at [email protected]                    

擴展基本資訊

名稱 SelectorsHub SelectorsHub
ID ndgimibanhlabgdgjcpbbndiehljcpfh
官方網址 https://chromewebstore.google.com/detail/selectorshub/ndgimibanhlabgdgjcpbbndiehljcpfh
簡介 xPath plugin to auto generate, write and verify xpath & cssSelector.
檔案大小 556 KB
安裝次數 274,501
目前版本 5.2.6
更新時間 2024-02-28
上架時間 2020-07-18
評分 4.88/5 共 1357 次評分
開發者 https://selectorshub.com
電子郵箱 [email protected]
付費類型 free
擴展官網 https://selectorshub.com/
說明頁面URL https://join.slack.com/t/selectorshub/shared_invite/zt-fho3ep1h-mkjFOdKqmtYWwNVyV8tLSg
隱私政策頁面URL https://www.selectorshub.com/privacy-policy
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "SelectorsHub",
    "description": "__MSG_extDescription__",
    "author": "Sanjay Kumar",
    "homepage_url": "https:\/\/www.selectorshub.com\/",
    "default_locale": "en",
    "version": "5.2.6",
    "devtools_page": "devtools-panel\/devtools.html",
    "icons": {
        "128": "logo-128.png",
        "48": "logo-48.png",
        "96": "logo-96.png"
    },
    "action": {
        "default_title": "__MSG_extDefaultTitle__",
        "default_popup": "extension\/popup.html"
    },
    "background": {
        "service_worker": "extension\/background.js"
    },
    "side_panel": {
        "default_path": "side-panel\/side-shub-panel.html"
    },
    "permissions": [
        "tabs",
        "notifications",
        "storage",
        "contextMenus",
        "clipboardWrite",
        "cookies",
        "sidePanel"
    ],
    "commands": {
        "_execute_action": {
            "suggested_key": {
                "default": "Ctrl+Shift+S",
                "mac": "Command+Shift+S"
            },
            "description": "Open Side Panel"
        }
    },
    "host_permissions": [
        ""
    ],
    "content_scripts": [
        {
            "run_at": "document_start",
            "matches": [
                ""
            ],
            "css": [
                "content-script\/contentScript.css"
            ],
            "js": [
                "content-script\/injectedScript.js",
                "content-script\/consoleApi.js",
                "content-script\/dom-inspector.js",
                "content-script\/contentScript.js"
            ],
            "all_frames": true,
            "match_about_blank": true
        }
    ],
    "offline_enabled": true
}