CLS Visualizer

Visualizer the CLS of any webpage

O que é CLS Visualizer?

CLS Visualizer é uma extensão do Chrome desenvolvida por MarketingTracer, e sua principal característica é "Visualizer the CLS of any webpage".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão CLS Visualizer

Baixe arquivos de extensão CLS Visualizer no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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                    

Informações Básicas da Extensão

Nome CLS Visualizer CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
URL Oficial https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Descrição Visualizer the CLS of any webpage
Tamanho do Arquivo 17.27 KB
Contagem de Instalações 8,771
Versão Atual 1.4
Última Atualização 2022-11-20
Data de Publicação 2020-11-12
Classificação 4.36/5 Total de 11 Avaliações
Desenvolvedor MarketingTracer
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://www.marketingtracer.com
URL da Página de Ajuda https://www.marketingtracer.com/contact
URL da Página de Política de Privacidade https://www.marketingtracer.com/privacy
Idiomas Suportados 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"
            ]
        }
    ]
}