什麼是DOM X-Ray？

DOM X-Ray是由https://nick-vincent.com開發的Chrome擴展程式，該擴展的主要功能是“See through the DOM to visually debug CSS positioning.”。

擴展截圖

下載DOM X-Ray擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

Toggle DOM X-Ray to trigger CSS styles that outline and illuminate DOM element structure.

名稱	DOM X-Ray
ID	olfkgegmjhgehnakignkabhbdchkhnkj
官方網址	https://chromewebstore.google.com/detail/dom-x-ray/olfkgegmjhgehnakignkabhbdchkhnkj
簡介	See through the DOM to visually debug CSS positioning.
檔案大小	57.82 KB
安裝次數	1,304
目前版本	1.0.0
更新時間	2023-02-09
上架時間	2019-04-06
評分	5.00/5 共 1 次評分
開發者	https://nick-vincent.com
電子郵箱	[email protected]
付費類型	free
支援的語言	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "version": "1.0.0", "name": "DOM X-Ray", "description": "See through the DOM to visually debug CSS positioning.", "permissions": [ "scripting", "storage", "webNavigation" ], "host_permissions": [ "" ], "background": { "service_worker": "js\/background.js", "type": "module" }, "options_page": "options.html", "action": { "default_icon": { "16": "img\/icon-off.png" } }, "icons": { "16": "img\/icon-16.png", "48": "img\/icon-48.png", "128": "img\/icon-128.png" } }