Easy Select

Get readable & maintainable css selector from elements

什么是Easy Select?

Easy Select是由fy开发的Chrome扩展程序,该扩展的主要功能是“Get readable & maintainable css selector from elements”。

扩展截图

screenshot

下载Easy Select扩展crx文件

下载Easy Select扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

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

扩展基本信息

名称 Easy Select Easy Select
ID emfpfmjldkffpibmfhdfmjdbkphccaom
官方URL https://chromewebstore.google.com/detail/easy-select/emfpfmjldkffpibmfhdfmjdbkphccaom
简介 Get readable & maintainable css selector from elements
文件大小 162 KB
安装次数 928
当前版本 1.1.0
更新时间 2020-06-30
上架时间 2020-06-30
评分 4.14/5 共7次评分
开发者 fy
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/fy0/EasySelect
帮助页面URL https://github.com/fy0/EasySelect
隐私政策页面URL https://github.com/fy0/EasySelect/blob/master/privacy-policy.md
支持的语言 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\/*"
    ]
}