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

Ranking

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: