Easy Select

Get readable & maintainable css selector from elements

Easy Selectคืออะไร?

Easy Select เป็นส่วนขยายของ Chrome ที่พัฒนาโดย fy และคุณลักษณะหลักของมันคือ "Get readable & maintainable css selector from elements"

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Easy Select

ดาวน์โหลดไฟล์ส่วนขยาย 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\/*"
    ]
}