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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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
عنوان صفحة المساعدة https://github.com/fy0/EasySelect
عنوان صفحة سياسة الخصوصية 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\/*"
    ]
}