Outline All Elements là gì?

Outline All Elements là một tiện ích mở rộng Chrome được phát triển bởi MohannadNaj, và tính năng chính của nó là "Add CSS Outline property to all elements on the page for debugging CSS Layout.".

Ả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 Outline All Elements

Tải xuống các tệp mở rộng Outline All Elements 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

A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.

Mainly this is useful for debugging CSS Layout and discovering potential issues.

Notes:

- Click the extension icon for activating/deactivating.

- The outline colors are randomized based on it's order on the page.

- The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%).

- On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.

Source Code:
https://github.com/MohannadNaj/outline-all-elements

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

Tên	Outline All Elements
ID	nppiigcgjgghnpdflckpalmdmpnfglfa
URL Chính Thức	https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
Mô tả	Add CSS Outline property to all elements on the page for debugging CSS Layout.
Kích Thước Tệp	31.23 KB
Số Lần Cài Đặt	285
Phiên Bản Hiện Tại	1.0
Cập Nhật Lần Cuối	2020-01-10
Ngày Phát Hành	2020-01-09
Nhà Phát Triển	MohannadNaj
Email	[email protected]
Loại Thanh Toán	free
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Outline All Elements", "version": "1.0", "description": "Add CSS Outline property to all elements on the page for debugging CSS Layout.", "manifest_version": 2, "background": { "persistent": true, "scripts": [ "background.js" ] }, "permissions": [ "activeTab" ], "browser_action": { "default_icon": { "16": "icon_16.png", "32": "icon_32.png", "48": "icon_48.png", "128": "icon_128.png" } }, "icons": { "16": "icon_16.png", "32": "icon_32.png", "48": "icon_48.png", "128": "icon_128.png" } }