CSS Debuggerคืออะไร?

CSS Debugger เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Mathias Meldgaard Pedersen และคุณลักษณะหลักของมันคือ "A lightweight extension for Google chrome that shows the outline of all CSS elements on the page."

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

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

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

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

A simple extension that injects debug styles into any page helping you debug style and structure issues.

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

ชื่อ	CSS Debugger
ID	jmlihgplnddolhopaoengncklepinhgc
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/css-debugger/jmlihgplnddolhopaoengncklepinhgc
คำอธิบาย	A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.
ขนาดไฟล์	7.27 KB
จำนวนการติดตั้ง	1,104
เวอร์ชันปัจจุบัน	0.1
อัปเดตครั้งล่าสุด	2020-04-07
วันที่เผยแพร่	2020-04-02
คะแนน	5.00/5 รวมทั้งหมด 1 คะแนน
ผู้พัฒนา	Mathias Meldgaard Pedersen
อีเมล	[email protected]
ประเภทการชำระเงิน	free
URL หน้านโยบายความเป็นส่วนตัว	http://www.mathiaspedersen.dk
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "CSS Debugger", "version": "0.1", "description": "A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.", "permissions": [ "tabs" ], "manifest_version": 2, "background": { "scripts": [ "background.js" ], "persistent": false }, "content_scripts": [ { "matches": [ ":\/\/\/*" ], "js": [ "content.js" ] } ], "browser_action": { "default_title": "CSS Debugger", "default_icon": { "16": "images\/icon_16.png", "32": "images\/icon_32.png", "48": "images\/icon_48.png", "128": "images\/icon_128.png" } }, "icons": { "16": "images\/icon_16.png", "32": "images\/icon_32.png", "48": "images\/icon_48.png", "128": "images\/icon_128.png" } }