CLS Visualizer

Visualizer the CLS of any webpage

CLS Visualizerとは何ですか?

CLS VisualizerはMarketingTracerによって開発されたChromeの拡張機能で、その主な機能は「Visualizer the CLS of any webpage」です。

拡張機能のスクリーンショット

screenshot

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 CLS Visualizer
ID jbbeihojggidiclbcneckhcblilapahn
公式URL 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
Eメール [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"
            ]
        }
    ]
}