What is DOM X-Ray?

DOM X-Ray is a Chrome extension developed by https://nick-vincent.com, and its main feature is "See through the DOM to visually debug CSS positioning.".

Extension Screenshots

Download DOM X-Ray Extension CRX File

Download DOM X-Ray extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name	DOM X-Ray
ID	olfkgegmjhgehnakignkabhbdchkhnkj
Official URL	https://chromewebstore.google.com/detail/dom-x-ray/olfkgegmjhgehnakignkabhbdchkhnkj
Description	See through the DOM to visually debug CSS positioning.
File Size	57.82 KB
Installation Count	1,304
Current Version	1.0.0
Last Updated	2023-02-09
Publish Date	2019-04-06
Rating	5.00/5 Total 1 Ratings
Developer	https://nick-vincent.com
Email	[email protected]
Payment Type	free
Supported Languages	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" } }