Layout Debugger icon

Layout Debugger

Extension Actions

CRX ID
gkamnoiedmidgolhlihkamjpfccohilb
Status
  • Live on Store
Description from extension meta

Chrome extension for highlighting DOM elements to better debug layout issues

Image from store
Layout Debugger
Description from store

- Identifying too-wide overflowing objects.
- Distinguishing block from inline elements.
- Helping to keep track of element alignment.

Adds a distinct colour outline to each visible DOM element, as well as providing a visual prompt for overflowing divs.

display: block; => blue;
display: inline; => purple;
overflowing the viewport => red!
etc..

Latest reviews

Zen Imtiaz
This extension only works on a few websites. Wouldn't recommend to others!
Zen Imtiaz
This extension only works on a few websites. Wouldn't recommend to others!
Anonymous
It doesn't work in the latest Chrome.
Stas Klevtsov
Awesome! Just what I needed. Recommend!!
Stanislav Klevtsov
Awesome! Just what I needed. Recommend!!