CLS Visualizer

Visualizer the CLS of any webpage

Co je CLS Visualizer?

CLS Visualizer je rozšíření Chrome vyvinuté MarketingTracer, a jeho hlavní funkcí je „Visualizer the CLS of any webpage“.

Snímky obrazovky rozšíření

screenshot

Stáhnout soubor CRX rozšíření CLS Visualizer

Stáhněte si soubory rozšíření CLS Visualizer ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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                    

Základní Informace o Rozšíření

Název CLS Visualizer CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
Oficiální URL https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Popis Visualizer the CLS of any webpage
Velikost souboru 17.27 KB
Počet instalací 8,771
Aktuální Verze 1.4
Poslední Aktualizace 2022-11-20
Datum Vydání 2020-11-12
Hodnocení 4.36/5 Celkem 11 Hodnocení
Vývojář MarketingTracer
E-mail [email protected]
Typ Platby free
Webové stránky Rozšíření https://www.marketingtracer.com
URL Stránky Nápovědy https://www.marketingtracer.com/contact
URL Stránky Zásad Ochrany Soukromí https://www.marketingtracer.com/privacy
Podporované Jazyky 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"
            ]
        }
    ]
}