CLS Visualizer
Visualizer the CLS of any webpage
什麼是CLS Visualizer?
CLS Visualizer是由MarketingTracer開發的Chrome擴展程式,該擴展的主要功能是“Visualizer the CLS of any webpage”。
擴展截圖
下載CLS Visualizer擴展crx文件
下載CLS Visualizer擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。
擴展使用說明
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
擴展基本資訊
名稱 | CLS Visualizer |
ID | jbbeihojggidiclbcneckhcblilapahn |
官方網址 | https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn |
簡介 | Visualizer the CLS of any webpage |
檔案大小 | 17.27 KB |
安裝次數 | 8,771 |
目前版本 | 1.4 |
更新時間 | 2022-11-20 |
上架時間 | 2020-11-12 |
評分 | 4.36/5 共 11 次評分 |
開發者 | MarketingTracer |
電子郵箱 | [email protected] |
付費類型 | free |
擴展官網 | https://www.marketingtracer.com |
說明頁面URL | https://www.marketingtracer.com/contact |
隱私政策頁面URL | https://www.marketingtracer.com/privacy |
支援的語言 | 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" ] } ] } |