Easy Select

Get readable & maintainable css selector from elements

As of May 2026, Easy Select has 14 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

fy Developer Tools

Chrome Web Store ↗.crx

Users0%

Rating0%

5.00

1 reviews

Reviews0%

Version

1.2.0

Manifest V3

History

6 snapshots

Tracking since Apr 6, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 6, 2026	14	5.00	1	1.2.0
Apr 20, 2026	13	5.00	1	1.2.0
Apr 30, 2026	13	5.00	1	1.2.0
May 9, 2026	12	5.00	1	1.2.0
May 17, 2026	13	5.00	1	1.2.0
May 31, 2026	16	5.00	1	1.2.0
Now	14	5.00	1	1.2.0

Permissions & access

Permissions: None declared
Host access: None declared

Screenshots

About

EasySelect helps web developers extract readable and maintainable CSS selectors from DOM elements.

It generates more meaningful selectors than Chrome's "Copy selector" feature.

Example:

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

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

More semantic. More stable.

Usage:
Right-click on any element and choose Inspect.
In the DevTools panel, look to the right of "Styles", "Computed", "Event Listeners", etc.
Customize your selector and click Export.




帮助Web开发者快速获取可读可维护的 CSS 选择器。

EasySelect 通常能够获取对开发人员来说比 Copy Selector 更佳的结果，比如：

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

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


使用方式：

1. 页面上右键，检查元素

2. 你可以在 inspector 的右侧找到 EasySelect，在"Styles, Computed, Event Listener ..."的后面

3. 定制你的选择器，并点击“导出”