CLS Visualizer

Visualizer the CLS of any webpage

CLS Visualizerคืออะไร?

CLS Visualizer เป็นส่วนขยายของ Chrome ที่พัฒนาโดย MarketingTracer และคุณลักษณะหลักของมันคือ "Visualizer the CLS of any webpage"

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย CLS Visualizer

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล [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"
            ]
        }
    ]
}