SelectorsHub
What is SelectorsHub?
SelectorsHub is a free-to-use browser extension that auto-suggests all the possible combinations of attributes, text, siblings, etc. to build selectors within seconds.
Problem Statement
ChroPath chrome extension is no more available for fresh install. To overcome this issue, same developer who invented ChroPath, has developed SelectorsHub with better enhancements.
Installation
- Navigate to https://selectorshub.com/
- Select browser from the suggested list
- Add extension to selected browser (For example, for Chrome, click on ‘Add to Chrome’)
Instructions after installation
- After installing SelectorsHub, restart the browser.
- Open DevTools
- On right side of Elements tab, SelectorsHub will be the last tab as shown in below image. If not visible, expand the sidebar.
- If it doesn't work,
- Open website in new tab.
- Don't try on blank tab. There should be a url in address bar.
- For more details please checkout FAQs here. - > https://selectorshub.com/faq/
- After successful installation of SelectorsHub plugin, it will appear just like below -
Features
Following features makes SelectorsHub a unique and one of the best xPath tools when there are other xPath tools available in the market.
Auto suggest :
SelectorsHub is an open source browser extension that auto-suggests all the possible combinations of attributes, text, siblings, etc. to build selectors within seconds.
Compiler for Selectors
Earlier, no tool could tell us what is wrong in our selector. We were never able to understand what we did wrong with our selector until we were not experts. DevTools suggests 0 matching nodes for the wrong selector pattern. But now you have the Selector’s compiler, which will help you by displaying the correct error message and what is incorrect or missing in your selector.
ShadowDOM support
Using SelectorsHub now it is possible to write and verify CSS Selectors for shadowDOM elements. We can inspect and verify selectors for shadowDOM elements.
iFrame support
SelectorsHub help us to know inspected element is in iframe or not.
SVG Element support
SVG stands for Scalable Vector Graphics. SVG elements support different xpath patterns. SelectorsHub let us know the correct format while inspecting SVG elements.
