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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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\/*"
    ]
}