CLS Visualizer

Visualizer the CLS of any webpage

Cos'è CLS Visualizer?

CLS Visualizer è un'estensione di Chrome sviluppata da MarketingTracer, e la sua funzione principale è "Visualizer the CLS of any webpage".

Screenshot dell'Estensione

screenshot

Scarica il file CRX dell'estensione CLS Visualizer

Scarica i file di estensione CLS Visualizer in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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                    

Informazioni di Base sull'Estensione

Nome CLS Visualizer CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
URL Ufficiale https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Descrizione Visualizer the CLS of any webpage
Dimensione del File 17.27 KB
Conteggio Installazioni 8,771
Versione Corrente 1.4
Ultimo Aggiornamento 2022-11-20
Data di Pubblicazione 2020-11-12
Valutazione 4.36/5 Totale 11 Valutazioni
Sviluppatore MarketingTracer
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://www.marketingtracer.com
URL della Pagina di Aiuto https://www.marketingtracer.com/contact
URL della Pagina della Politica sulla Privacy https://www.marketingtracer.com/privacy
Lingue Supportate 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"
            ]
        }
    ]
}