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
Eメール [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\/*"
    ]
}