CLS Visualizer

Visualizer the CLS of any webpage

ما هو CLS Visualizer؟

CLS Visualizer هو إضافة Chrome تم تطويرها بواسطة MarketingTracer، والميزة الرئيسية لها هي "Visualizer the CLS of any webpage".

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

screenshot

تحميل ملف CRX للإضافة CLS Visualizer

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

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

                        This plugin will highlight and visualize the Cumulative Layout Shift.

Cumulative Layout Shift (CLS) is an important, user-centric metric for measuring visual stability because it helps quantify how often users experience unexpected layout shifts—a low CLS helps ensure that the page is delightful.

Unfortunately the CLS is a pain to debug without visualisation                    

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

الاسم CLS Visualizer CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
عنوان URL الرسمي https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
الوصف Visualizer the CLS of any webpage
حجم الملف 17.27 KB
عدد التثبيتات 8,771
النسخة الحالية 1.4
آخر تحديث 2022-11-20
تاريخ النشر 2020-11-12
تقييم 4.36/5 مجموع تقييمات 11
المطور MarketingTracer
البريد الإلكتروني [email protected]
نوع الدفع free
موقع الإضافة https://www.marketingtracer.com
عنوان صفحة المساعدة https://www.marketingtracer.com/contact
عنوان صفحة سياسة الخصوصية https://www.marketingtracer.com/privacy
اللغات المدعومة en
manifest.json
{
    "action": {
        "default_popup": "popup.html"
    },
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    },
    "description": "Visualizer the CLS of any webpage",
    "icons": {
        "144": "icons\/icon144.png",
        "16": "icons\/icon16.png",
        "48": "icons\/icon48.png"
    },
    "manifest_version": 3,
    "name": "CLS Visualizer",
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "version": "1.4",
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*\/*",
                "http:\/\/*\/*"
            ],
            "run_at": "document_start",
            "js": [
                "js\/cls.js"
            ]
        }
    ]
}