Get readable & maintainable css selector from elements

Latest Version

Version
1.1.0
Update
June 30, 2020
Size
162KiB
Developer
Category
Users
829
Rating
4.22222 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
See more

Easy Select Extension

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:

1. Right click, inspect an element

2. See right side of inspector, behinds \"Styles, Computed, Event Listener ...\"

3. Custom your selector and click \"export\"




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

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


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. 定制你的选择器,并点击“导出”
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Easy Select", "description": "Get readable & maintainable css selector from elements", "version": "1.1.0", "devtools_page": "devtools-panel-loader.html", "background": { "scripts": [ "browser-polyfill.js", "js/background.js" ] }, "icons": { "16": "img/icons/logo-16.png", "24": "img/icons/logo-24.png", "32": "img/icons/logo-32.png", "48": "img/icons/logo-48.png", "64": "img/icons/logo-64.png", "128": "img/icons/logo-128.png" }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self';", "web_accessible_resources": [ "fonts/*" ]}
Read more

Similar Extensions

icon

Selector Finder Extension · Developer Tools 829 3 ★ 333KiB

icon

Element Locator Extension · Developer Tools 829 22 ★ 264KiB

icon

Find Selector Extension · Developer Tools 829 4 ★ 62.08KiB

icon

CSS Selector Capture Pro Extension · Developer Tools 829 11 ★ 116KiB

icon

CSS Selector Extension · Productivity 829 2 ★ 73.43KiB

icon

Copy Element ID Extension · Developer Tools 829 16 ★ 119KiB

icon

v2ex plus Extension · Productivity 829 102 ★ 64.7KiB

icon

Copy DOM Content Extension · Developer Tools 829 2 ★ 13.8KiB

icon

jQuery Unique Selector Extension · Developer Tools 829 33 ★ 80.23KiB

icon

CSS Selector Finder for Chrome Devtools Extension · Developer Tools 829 5 ★ 35.66KiB

icon

ABBAdata CSS Selector Finder Extension · Developer Tools 829 3 ★ 336KiB

icon

SelectorGadget Extension · Developer Tools 829 108 ★ 86.66KiB

icon

XTag Selector: Visual selection for trackers Extension · Developer Tools 829 2 ★ 70.08KiB

icon

Selectify Extension · Developer Tools 829 13 ★ 50.32KiB

icon

Copy Css Selector Extension · Developer Tools 829 26 ★ 19.31KiB

icon

CSS Selector Helper Extension · Developer Tools 829 60 ★ 91.27KiB

icon

RSSHub Radar Extension · Productivity 829 60 ★ 1.54MiB

icon

Hoverify Extension · Developer Tools 829 145 ★ 14.54MiB

icon

Div Highlighter Extension · Developer Tools 829 7 ★ 5.47KiB

icon

CSS Inspector Extension · Developer Tools 829 64 ★ 2.57MiB

icon

Scraping Helper Extension · Developer Tools 829 13 ★ 542KiB

icon

POM Builder – Auto-generate CSS/XPath Locator Extension · Developer Tools 829 28 ★ 1.98MiB

icon

Web Data Monitor Extension · Productivity 829 19 ★ 553KiB

icon

Page Modeller (Selenium, Robot Framework etc) Extension · Developer Tools 829 5 ★ 1.12MiB

User reviews

icon

Ihor Bodnarchuk (ID: 0000004e9ad6360f) Voted 3 ★ - Updated 08/25/2023 Doesn't work quite well. For example for this input produces inputname='\31 ' selector which doesnt work

icon

Fahad Khan (ID: 000000616c887742) Voted 1 ★ - Updated 08/12/2022 Doesn't work.

icon

shui youren (ID: 00000016083905c9) Voted 5 ★ - Updated 12/31/2021 Very nice!Smart css selector/xpath.

icon

Yimeng Wang (ID: 0000001b2e13982f) Voted 5 ★ - Updated 05/21/2021 太好用!

icon

YY C (ID: 0000009d4d53bf86) Voted 5 ★ - Updated 06/29/2020 好用