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
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 |
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 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" ] } ] } |