CLS Visualizer

Visualizer the CLS of any webpage

¿Qué es CLS Visualizer?

CLS Visualizer es una extensión de Chrome desarrollada por MarketingTracer, y su función principal es "Visualizer the CLS of any webpage".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión CLS Visualizer

Descarga archivos de extensión CLS Visualizer en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre CLS Visualizer CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
URL Oficial https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Descripción Visualizer the CLS of any webpage
Tamaño del Archivo 17.27 KB
Cantidad de Instalaciones 8,771
Versión Actual 1.4
Última Actualización 2022-11-20
Fecha de Publicación 2020-11-12
Calificación 4.36/5 Total de 11 Calificaciones
Desarrollador MarketingTracer
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://www.marketingtracer.com
URL de la Página de Ayuda https://www.marketingtracer.com/contact
URL de la Página de Política de Privacidad https://www.marketingtracer.com/privacy
Idiomas Soportados 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"
            ]
        }
    ]
}