SelectorsHub is the free Next Gen XPath plugin & CSS Selectors plugin. It is officially featured by chrome store.
Very simple 3 steps to start with SelectorsHub xpath plugin-
- Add SelectorsHub xpath plugin to your Browser from below links, restart the browser and open a website.
- Right click and click on inspect, it will open DevTools.
- On the right side in DevTools, SelectorsHub will be the last tab (refer video tutorial). If not visible, expand the sidebar.
Wow!! You are all set, Enjoy using the best xpath extension and increase your productivity.
For live demo and more details, please watch this video tutorial.
SelectorsHub helps to generate, write and verify xpath, cssSelector, Playwright selectors , jQuery, JS Path and all other possible selectors too.
SelectorsHub generates all possible selectors just in a single click. It auto generates the xpath relative other element.
It works like a smart editor which auto suggests all possible functions, attributes, text and everything along with their occurrences while typing to complete Selectors like xpath & cssSelector in just less than 5 seconds. Now we need not to copy and paste attribute values from DOM anymore to build XPath and cssSelector.
It also supports axes like siblings, parents, childNodes, ancestors and descendants etc.
It gives the proper error message for invalid syntax like what is missing in XPath and Selector.
It supports shadow DOM, nested shadow DOM, iframe, nested iframes, SVG elements, dynamic dropdown, submenu and dynamic invisible elements too.
It is available and support almost every browser.
As it is a super fast tool we need to learn about few functionalities associated to our product, please checkout these section on the left menu.
- How to use
- Video Tutorial for more information