Easy Select

Get readable & maintainable css selector from elements

What is Easy Select?

Easy Select is a user-friendly Chrome extension intended for web developers. It simplifies the process of getting readable and maintainable CSS selectors from webpage elements. Instead of cumbersome selectors from 'Copy selector', Easy Select provides developers with cleaner and more maintainable selectors which are ideal for long-term projects. The extension is integrated into the inspector tool of your browser, allowing for easy customization and exporting of selectors.

Download

Extension stats

By: fy

View on Chrome Web Store

Users: 898 ▲ 9

Rating: 4.13 (8)

Version: 1.1.0 (Last updated: 2020-06-30)

Creation date: 2020-06-30

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Size: 165.89K

Email: fy*****@gmail.com

URLs: Privacy policy

Ranking

# 31885 ▼ 31

Other rankings

#1890 in Developer Tools ▲ 1 #87 in child keyword 4 ▲ 13 #100 in easy keyword 40 ▲ 10 #100 in selection keyword 23 ▼ 7

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Help web developers get readable & maintainable css selector from elements.

EasySelect can get better result than "Copy selector", for example:

Copy selector: #TopstoryContent > div > div > div > div:nth-child(41) > div > div > h2 > div > a

EasySelect: div[itemprop='zhihu:question'] > a

Usage:

Right click, inspect an element
See right side of inspector, behinds "Styles, Computed, Event Listener ..."

User reviews

I use this extension almost daily and it is so useful. Many thanks for it. 5 star if there is a way to omit the DIV tags.

Levent E., 2024-05-30

It would be nice this extension to be among top DevConsole Tabs

Dunot, 2024-02-04

Doesn't work quite well. For example for this input <input class="PrivateSwitchBase-input mui-1m9pwf3" id="1" name="1" type="checkbox" data-indeterminate="false"> produces input[name='\31 '] selector which doesnt work