Recently I learned about this concept that Browser DevTools is not the right platform to verify XPath & CSS selectors.

I was shocked that for so many years whatever I was doing that was wrong.

Reason, DevTools is not built just to verify XPath & CSS, it also gives the string search result when we verify with CMD+F.

In DevTools console, it gives wrong results in many cases like shadow DOM, nested Shadow DOM, iframes and nested iframes etc.

Please watch this live demo by SelectorsHub & ChroPath Creator, Sanjay Kumar.

Writing XPath




If you are a ChroPath user then you must read this.

ChroPath was originally invented and created by Sanjay Kumar. Sanjay Kumar has stopped development and support on Chropath in june 2020 after that there is no feature improvement and no support on chropath.

ChroPath creator has created a new XPath tool SelectorsHub which is super advance than chropath and in very sort time SelectorsHub became the number one XPath and selectors tool in all browser stores as per users reviews.

SelectorsHub is the Next Gen XPath tool to generate, write and verify the XPath and cssSelectors. It supports shadow dom, iframe, svg, dynamic elements, multi selectors generation and error handling.

Download link

Please watch the video tutorial to make the best use of SelectorsHub.



There are n number of xpath extension for chrome. But most of them are not perfect, they breaks in most of the cases like xpath helper, chropath, xpath finder etc.

But there is only one XPath extension which proven to work for all web elements and for all web applications SelectorsHub.

Best thing about SelectorsHub is that it used to keep getting regular updates.

It is the only XPath extension which supports shadow dom, nested shadow dom, nested iframe, svg elements and gives proper error message for invalid xpath.

It has smart editor feature which made it possible to write xpath within 5sec.

Another good thing it is available for all the browsers.

Download link

SelectorsHub: best extension for Xpath for Chrome