It is always recommended and preferred to write our own xpath and cssSelector. And to write the selectors,
From the day one when the web was introduced we are copying the attribute values from DOM and wasting a huge amount of time and making errors as well.
A lot of xpath tools have been created which used to auto generate the xpath but they were never upto mark and we were losing the xpath writing skill. We always have to edit that generated xpath or write our own xpath and in all this process we were wasting a lot of effort and time.
Today we are still writing xpath in Devtools. It is like we are still writing code in notepad while there are editors like Intellij, eclipse etc.
SelectorsHub smartly auto suggests all the possible combinations of attributes, text, siblings etc. to build selectors within seconds.
Try it now it’s absolutely FREE.
Why to use SelectorsHub while there are so many other good XPath tools & selectors tools?
Biggest reason is, SelectorsHub helps to improve XPath and cssSelector writing skills.
Not one reason, there are many reasons which makes SelectorsHub the unique and best xpath tool.
- SelectorsHub is the only tool which made it possible to write own selectors in less than 5sec with its auto suggest feature without compromising learning skills.
- SelectorsHub is the only tool which supports #shadowDOM, in fact even Chrome DevTools doesn’t support shadowDOM.
- SelectorsHub is the only tool which gives the proper error message for the missing elements in your selectors.
- It helps you to improve your xpath and cssSelectors writing skills.
- It has iframe support.
- It supports svg elements.
- It supports dark theme.
It was never possible to verify and write the cssSelectors for shadowDOM elements but this amazing innovation made it possible.
Proper error message for missing elements in selectors
Earlier there was nothing which can tell us what’s wrong in our selector. We were never able to understand what’s wrong in our selector until we are not expert in it. DevTools suggests 0 matching node for wrong selector pattern. But now we have the Selector’s guide which helps us with the correct error message and what is wrong or missing in our selector.
It supports iframes as well. It will let you know if the inspected element is inside an iframe or not. Now we can easily write and verify selectors for elements inside an iframe without wasting any time.
SVG element support
Many of us are not aware that svg elements don’t support the standard xpath format. SVG elements support different xpath patterns. SelectorsHub has made it easy and let you know the correct format and helps you to learn how to write selectors for svg elements.
For more details and to make the best use of SelectorsHub please follow the video tutorials available here.