CSS Selector Finder for Chrome Devtools

Generate CSS Selectors from the Chrome Devtools Elements Panel

ما هو CSS Selector Finder for Chrome Devtools؟

CSS Selector Finder for Chrome Devtools هو إضافة Chrome تم تطويرها بواسطة https://abbadata.com، والميزة الرئيسية لها هي "Generate CSS Selectors from the Chrome Devtools Elements Panel".

لقطات شاشة التمديد

screenshot
screenshot
screenshot
screenshot

تحميل ملف CRX للإضافة CSS Selector Finder for Chrome Devtools

قم بتنزيل ملفات الامتداد CSS Selector Finder for Chrome Devtools بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

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

                        Easy to use Devtools sidebar that aids in finding unique CSS selectors.

- Unique CSS selectors are continuously generated as the selection is changed in the Devtools Elements panel
- Highly configurable. Settings can easily be changed interactively and results can be seen immediately.
  - Enable/Disable usage of IDs, Class names, and Tag names for selector generation
  - Filter out specific values of IDs, Class names, and Tag names
  - Use custom attribute names and attribute name/value pairs
  - Various settings to control robustness and optimization of selectors                    

معلومات أساسية عن التمديد

الاسم CSS Selector Finder for Chrome Devtools CSS Selector Finder for Chrome Devtools
ID mbeedbpphndkijipfcklhlgmoolapiml
عنوان URL الرسمي https://chromewebstore.google.com/detail/css-selector-finder-for-c/mbeedbpphndkijipfcklhlgmoolapiml
الوصف Generate CSS Selectors from the Chrome Devtools Elements Panel
حجم الملف 35.66 KB
عدد التثبيتات 2,746
النسخة الحالية 0.1
آخر تحديث 2020-06-23
تاريخ النشر 2020-06-23
تقييم 3.67/5 مجموع تقييمات 3
المطور https://abbadata.com
البريد الإلكتروني [email protected]
نوع الدفع free
موقع الإضافة https://abbadata.com/devtools_selector_finder.html
عنوان صفحة المساعدة https://github.com/abbadata/devtools-css-selector
اللغات المدعومة en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "short_name": "CSS Selector Finder for Chrome Devtools",
    "name": "CSS Selector Finder for Chrome Devtools",
    "version": "0.1",
    "description": "Generate CSS Selectors from the Chrome Devtools Elements Panel",
    "manifest_version": 2,
    "devtools_page": "devtools.html",
    "background": {
        "scripts": [
            "\/static\/js\/background\/background.js"
        ],
        "persistent": false
    },
    "icons": {
        "16": "abba16.png",
        "48": "abba48.png",
        "128": "abba128.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "\/static\/js\/content_script.js"
            ],
            "run_at": "document_idle",
            "all_frames": true
        }
    ]
}