SelectorsHub Tutorial - The Smart editor for XPaths & CSS Selectors!!

SelectorsHub Tutorial - The Smart editor for XPaths & CSS Selectors!!

A lot of XPath tools have been created which used to auto-generate the XPath but they were never up to mark and we were losing the XPath writing skill.

XPath and CSS Selector can be written in less than 

A lot of XPath tools have been created which used to auto-generate the XPath but they were never up to 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.

But not anymore here is the new invention SelectorsHub the smart editor for selectors by ChroPath Creator, Sanjay Kumar

What is SelectorsHub?

SelectorsHub is a free community product which is a browser extension that helps software testers and developers write their own XPath and CSS Selectors in less than 5 seconds.

*SelectorsHub smartly auto-suggests *all the possible combinations of attributes, text, siblings, etc. to build selectors within seconds.

It auto-suggests all the possible combinations of attributes, text, siblings, etc.

It is available for Chrome, Firefox, Edge, and Opera.

It is free to use tools for community and there is no license required to use SelectorsHub. Try it now.

automation chrome extensions css

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

Google OAuth2/OpenID Chrome Extension Login System

Don’t build your own authentication system; leverage Google OAuth2 for your Google Chrome Extension. This is our unique Chrome Extension key. Copy and paste that into the “manifest.json” of the Chrome Extension you’re actually developing. (the folder you chose for the “Pack Extension” step)

6 Awesome Chrome Extension for Github

6 Awesome Chrome Extension for Github

Creating a CSS Visual Cheatsheet

The other day one of our students asked about possibility of having a CSS cheatsheet to help to decide on the best suited approach when doing this or that layout.

Create a Email/Password Login System for Your Chrome Extension

Create a basic login system using NodeJS, Express, and Javascript This tutorial uses a boiler-plate Google Chrome Extension setup. If you want to know how to get that setup, Check out my write-up here: