CSS Used

Get all css rules used by the selected DOM and its descendants.

ما هو CSS Used؟

CSS Used هو إضافة Chrome تم تطويرها بواسطة https://bobscript.com، والميزة الرئيسية لها هي "Get all css rules used by the selected DOM and its descendants.".

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

screenshot

تحميل ملف CRX للإضافة CSS Used

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

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

                        One click to get all the css applied to the selected web element and its descendants.

-- Recent Update --
1. Migrated to Manifest V3.
2. Resources are read from local caches, making it much faster and solves the cross-origin issue.
3. Optimized style parsing in a more efficient way.
4. Dropped support for some outdated CSS, mostly -o- and -ms- prefixed properties.
5. Implemented a new UI powered by Svelte, with some visual tweaks.

-- Known Limit --
1. For CSS rules like ".wrap p{...}", if only "

" is selected, the result ".wrap p{...}" will not apply to "

". Either change the rule to "p{...}" or add a ".wrap" parent in the final HTML. 2. CSS custom properties (variables) and all the style inherit related features are not supported currently.

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

الاسم CSS Used CSS Used
ID cdopjfddjlonogibjahpnmjpoangjfff
عنوان URL الرسمي https://chromewebstore.google.com/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
الوصف Get all css rules used by the selected DOM and its descendants.
حجم الملف 164 KB
عدد التثبيتات 66,889
النسخة الحالية 3.0.0
آخر تحديث 2023-01-17
تاريخ النشر 2019-06-23
تقييم 4.57/5 مجموع تقييمات 174
المطور https://bobscript.com
البريد الإلكتروني [email protected]
نوع الدفع free
عنوان صفحة المساعدة https://github.com/painty/CSS-Used-ChromeExt
اللغات المدعومة en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "CSS Used",
    "version": "3.0.0",
    "permissions": [
        "tabs"
    ],
    "optional_permissions": [
        "storage"
    ],
    "author": "Bob",
    "icons": {
        "16": "static\/icon\/16.png",
        "48": "static\/icon\/48.png",
        "128": "static\/icon\/128.png"
    },
    "description": "Get all css rules used by the selected DOM and its descendants.",
    "devtools_page": "devtools.html",
    "options_page": "options.html",
    "manifest_version": 3,
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "assets\/content.js"
            ],
            "all_frames": true
        }
    ],
    "action": {
        "default_icon": "static\/icon\/128.png",
        "default_title": "CSS Used For Chrome Devtool",
        "default_popup": "popup.html"
    }
}