Easy Select Chrome Extension

Get readable & maintainable css selector from elements.
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. 定制你的选择器，并点击“导出”

How to install Easy Select chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Easy Select Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Easy Select Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Easy Select in Chrome Webstore Search and click on the search button.
• Step 3: click on the Easy Select Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Easy Select extension for your Chrome Web browser .