DOM X-Ray

See through the DOM to visually debug CSS positioning.

DOM X-Ray - Chrome Extension for CSS Debugging

"DOM X-Ray" is a beneficial Chrome extension designed for web developers and designers. It uniquely offers a clear view of the structure of DOM elements by outlining and highlighting them. This enables ease in debugging CSS positioning, enhancing rapid development and ensuring an error-free user interface.
Install from Chrome Web Store

Extension stats

Users: 1,000+
Rating: 5.00
(2)
Version: 1.0.0 (Last updated: 2023-02-09)
Creation date: 2019-04-06
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • scripting
  • storage
  • webNavigation
Host permissions:
  • <all_urls>
Size: 59.21K
URLs: Website

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

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

User reviews

Nice
by Yusuf Sürücü, 2024-11-10

Super useful!
by Ian Myers, 2017-02-23
View all user reviews

Extension safety

Risk impact

DOM X-Ray requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

DOM X-Ray has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to DOM X-Ray: