CLS Visualizer

Visualizer the CLS of any webpage

Co to jest CLS Visualizer?

CLS Visualizer to rozszerzenie Chrome opracowane przez MarketingTracer, a jego główną funkcją jest „Visualizer the CLS of any webpage”.

Zrzuty ekranu rozszerzenia

screenshot

Pobierz plik CRX rozszerzenia CLS Visualizer

Pobierz pliki rozszerzeń CLS Visualizer w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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                    

Podstawowe informacje o rozszerzeniu

Nazwa CLS Visualizer CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
Oficjalny URL https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Opis Visualizer the CLS of any webpage
Rozmiar pliku 17.27 KB
Liczba instalacji 8,771
Aktualna Wersja 1.4
Ostatnia Aktualizacja 2022-11-20
Data Publikacji 2020-11-12
Ocena 4.36/5 Łącznie 11 Oceny
Deweloper MarketingTracer
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://www.marketingtracer.com
Adres URL Strony Pomocy https://www.marketingtracer.com/contact
Adres URL Strony Polityki Prywatności https://www.marketingtracer.com/privacy
Obsługiwane Języki 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"
            ]
        }
    ]
}