Outline All Elementsคืออะไร?

Outline All Elements เป็นส่วนขยายของ Chrome ที่พัฒนาโดย MohannadNaj และคุณลักษณะหลักของมันคือ "Add CSS Outline property to all elements on the page for debugging CSS Layout."

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

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Outline All Elements

ดาวน์โหลดไฟล์ส่วนขยาย Outline All Elements ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

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

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Outline All Elements
ID	nppiigcgjgghnpdflckpalmdmpnfglfa
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/outline-all-elements/nppiigcgjgghnpdflckpalmdmpnfglfa
คำอธิบาย	Add CSS Outline property to all elements on the page for debugging CSS Layout.
ขนาดไฟล์	31.23 KB
จำนวนการติดตั้ง	285
เวอร์ชันปัจจุบัน	1.0
อัปเดตครั้งล่าสุด	2020-01-10
วันที่เผยแพร่	2020-01-09
ผู้พัฒนา	MohannadNaj
อีเมล	[email protected]
ประเภทการชำระเงิน	free
ภาษาที่รองรับ	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" } }