SelectorsHubとは何ですか？

SelectorsHubはhttps://selectorshub.comによって開発されたChromeの拡張機能で、その主な機能は「xPath plugin to auto generate, write and verify xpath & cssSelector.」です。

拡張機能のスクリーンショット

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
ID	ndgimibanhlabgdgjcpbbndiehljcpfh
公式URL	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
Eメール	[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 }