
SelectorsHub by Sanjay Kumar | ChroPath Creator
SelectorsHub helps to generate, write and verify the XPath and cssSelector.
Extension Metadata




SelectorsHub is the complete new way to generate, write and verify the XPath and cssSelectors.
Please follow this video tutorial to make the best use of SelectorsHub.
https://youtu.be/86BjcqTfeEk
Checkout SelectorsHub primary Sponsor TestProject- A FREE end-to-end test automation tool.
http://bit.ly/Sh_TestProject
Please be a patron and support SelectorsHub to run it FREE forever.
Even 1-5$ (a coffee cost) per month will be a great help.
https://www.patreon.com/sanjaykumar_selectorshub/
SelectorsHub 2.0-
1) It suggests all possible XPath and cssSelector functions while typing like smart editor along with their occurrences to complete Selectors quickly. Now you need not to copy and paste attribute values from DOM anymore to build XPath and cssSelector.
2) Generate all types of possible selectors in single click.
3) Copy XPath, cssSelector and JS path from the context menu itself. No need to open DevTools and SelectorsHub tab anymore.
4) Feature to customise contextMenu.
5) Feature to disable and enable SelectorsHub in contextMenu
6) It gives robust unique relative cssSelector and XPath.
7) It also supports shadowDOM, iframe, frame and SVG elements.
8) It gives the proper error message like what is wrong in your xpath and cssSelector.
9) It also gives the index based xpath in auto suggest.
10) It has the feature to generate selector with the desired attribute.
11) You can also generate selectors with driver command.
12) You can customise the UI as you want.
13) All the config will be saves in local so next time when you open it, it open with your configs.
14) To copy the Selector's value, just click on the Selector's Header. For example to copy Rel XPath, click on Rel XPath.
15) To edit Selector's value, just click on selector's value, it will put the value in box where you can edit it and verify.
If you face any issue or feedback, feel free to reach out to me at selectorshub@gmail.com
Please find the change log here-
https://www.selectorshub.com/changelog/
For more details please checkout homepage-
https://www.selectorshub.com/
Very simple steps to use the tool-
1. Open DevTools.
2. On right side, the last sidebar tab is SelectorsHub. Click on it.
3. Here it show all possible selectors for inspected element. For whichever element you want to generate selector, just inspect that and it will generate all possible selectors for that element.
4. To build own XPath or cssSelector, start typing in the selector input box.
5. SelectorsHub will automatically suggest all attributes and everything to complete Selectors quickly. Now you need not to copy and paste attribute values anymore. With this you can save huge amount of time.
6. After typing just press enter.
7. It will high light all matching node and list down them in the SelectorsHub tab.
8. It will also scroll the web element to viewable area.
9. To copy selectors value, click on headers.
10. To edit selector value, click on that selector value.
Please follow this video tutorial to make the best use of SelectorsHub.
https://youtu.be/86BjcqTfeEk
Checkout SelectorsHub primary Sponsor TestProject- A FREE end-to-end test automation tool.
http://bit.ly/Sh_TestProject
Please be a patron and support SelectorsHub to run it FREE forever.
Even 1-5$ (a coffee cost) per month will be a great help.
https://www.patreon.com/sanjaykumar_selectorshub/
SelectorsHub 2.0-
1) It suggests all possible XPath and cssSelector functions while typing like smart editor along with their occurrences to complete Selectors quickly. Now you need not to copy and paste attribute values from DOM anymore to build XPath and cssSelector.
2) Generate all types of possible selectors in single click.
3) Copy XPath, cssSelector and JS path from the context menu itself. No need to open DevTools and SelectorsHub tab anymore.
4) Feature to customise contextMenu.
5) Feature to disable and enable SelectorsHub in contextMenu
6) It gives robust unique relative cssSelector and XPath.
7) It also supports shadowDOM, iframe, frame and SVG elements.
8) It gives the proper error message like what is wrong in your xpath and cssSelector.
9) It also gives the index based xpath in auto suggest.
10) It has the feature to generate selector with the desired attribute.
11) You can also generate selectors with driver command.
12) You can customise the UI as you want.
13) All the config will be saves in local so next time when you open it, it open with your configs.
14) To copy the Selector's value, just click on the Selector's Header. For example to copy Rel XPath, click on Rel XPath.
15) To edit Selector's value, just click on selector's value, it will put the value in box where you can edit it and verify.
If you face any issue or feedback, feel free to reach out to me at selectorshub@gmail.com
Please find the change log here-
https://www.selectorshub.com/changelog/
For more details please checkout homepage-
https://www.selectorshub.com/
Very simple steps to use the tool-
1. Open DevTools.
2. On right side, the last sidebar tab is SelectorsHub. Click on it.
3. Here it show all possible selectors for inspected element. For whichever element you want to generate selector, just inspect that and it will generate all possible selectors for that element.
4. To build own XPath or cssSelector, start typing in the selector input box.
5. SelectorsHub will automatically suggest all attributes and everything to complete Selectors quickly. Now you need not to copy and paste attribute values anymore. With this you can save huge amount of time.
6. After typing just press enter.
7. It will high light all matching node and list down them in the SelectorsHub tab.
8. It will also scroll the web element to viewable area.
9. To copy selectors value, click on headers.
10. To edit selector value, click on that selector value.
Report this add-on for abuse
If you think this add-on violates Mozilla's add-on policies or has security or privacy issues, please report these issues to Mozilla using this form.
Please don't use this form to report bugs or request add-on features; this report will be sent to Mozilla and not to the add-on developer.
This add-on needs to:
- Input data to the clipboard
- Extend developer tools to access your data in open tabs
- Display notifications to you
- Access your data for all websites
- Add-on Links
- Version
- 2.1.1
- Size
- 257.94 KB
- Last updated
- 7 days ago (Jan 10, 2021)
- License
- Custom License
- Version History
2.1.1 Changelog
1- Added name attribute prior to value.
2- Added Udemy FREE XPath course link.
1- Added name attribute prior to value.
2- Added Udemy FREE XPath course link.
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet