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 respective install button, restart the browser and open a website.
- In Chrome,
- Pin the SelectorsHub Logo to tool bar.
- Now just click on SelectorsHub logo and it will open SelectorsHub tab. That’s all you are all set to use it. Please watch this video to make the best use.
- In Other Browser,
- 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.
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 axes based xpath relative to 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 methods 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.