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
公式URL	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
Eメール	[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" } }