Easy Select

Get readable & maintainable css selector from elements

What is Easy Select?

Easy Select is a Chrome extension developed by fy, and its main feature is "Get readable & maintainable css selector from elements".

Extension Screenshots

screenshot

Download Easy Select Extension CRX File

Download Easy Select extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name Easy Select Easy Select
ID emfpfmjldkffpibmfhdfmjdbkphccaom
Official URL https://chromewebstore.google.com/detail/easy-select/emfpfmjldkffpibmfhdfmjdbkphccaom
Description Get readable & maintainable css selector from elements
File Size 162 KB
Installation Count 928
Current Version 1.1.0
Last Updated 2020-06-30
Publish Date 2020-06-30
Rating 4.14/5 Total 7 Ratings
Developer fy
Email [email protected]
Payment Type free
Extension Website https://github.com/fy0/EasySelect
Help Page URL https://github.com/fy0/EasySelect
Privacy Policy Page URL https://github.com/fy0/EasySelect/blob/master/privacy-policy.md
Supported Languages en
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\/*"
    ]
}