CLS Visualizer là gì?

CLS Visualizer là một tiện ích mở rộng Chrome được phát triển bởi MarketingTracer, và tính năng chính của nó là "Visualizer the CLS of any webpage".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng CLS Visualizer

Tải xuống các tệp mở rộng CLS Visualizer dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	CLS Visualizer
ID	jbbeihojggidiclbcneckhcblilapahn
URL Chính Thức	https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Mô tả	Visualizer the CLS of any webpage
Kích Thước Tệp	17.27 KB
Số Lần Cài Đặt	8,771
Phiên Bản Hiện Tại	1.4
Cập Nhật Lần Cuối	2022-11-20
Ngày Phát Hành	2020-11-12
Đánh Giá	4.36/5 Tổng số 11 Đánh Giá
Nhà Phát Triển	MarketingTracer
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://www.marketingtracer.com
URL Trang Trợ Giúp	https://www.marketingtracer.com/contact
URL Trang Chính Sách Bảo Mật	https://www.marketingtracer.com/privacy
Ngôn Ngữ Được Hỗ Trợ	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" ] } ] }