How to install SelectorsHub and use it?

Find the download link here.

  1. Click on the download link for whichever browser you want.

2) Click on Add to Chrome.

3) After adding the extension, it will show in the browser toolbar like this. You can pin to the toolbar by clicking on the pin icon.

4) After adding the extension, restart the browser.

5) Now open DevTools by right clicking on any element and clicking on inspect.

6) On the right side of the Elements tab, SelectorsHub will be the last tab as shown in below image. If not visible, expand the sidebar or click on the two arrow icons as shown in below gif.

7) Now here you start typing your xpath or cssSelector. You will get auto suggest for inspected element.

Please below video tutorial to make best use of SelectorsHub.

1 thought on “How to install SelectorsHub and use it?”

  1. I haven’t tried any developer tools before but Selectorhub is working in a great way and it is saving lot of time. Thank you Sanjay Kumar sir.

Leave a Comment

Your email address will not be published. Required fields are marked *