Easy Select: Get Readable & Maintainable CSS Selectors
Easy Select is a free Chrome add-on developed by fy. It falls under the category of Browsers and is specifically classified as an Add-ons & Tools subcategory. The purpose of Easy Select is to help web developers obtain readable and maintainable CSS selectors from elements.
Compared to the traditional "Copy selector" feature, Easy Select provides better results. For example, while "Copy selector" may generate a long and complex selector like "#TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a," Easy Select simplifies it to "div[itemprop='zhihu:question'] > a."
To use Easy Select, simply right-click and inspect an element on a webpage. On the right side of the inspector, you will find Easy Select located behind the "Styles, Computed, Event Listener" section. Customize your selector and click "export" to obtain the desired CSS selector.
Overall, Easy Select is a useful tool for web developers looking for a more efficient way to obtain readable and maintainable CSS selectors.
