Layout Debugger

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 2021-10-23

This extension only works on a few websites. Wouldn't recommend to others!

Zen Imtiaz 2021-10-23

This extension only works on a few websites. Wouldn't recommend to others!

Anonymous 2019-10-04

It doesn't work in the latest Chrome.

Stas Klevtsov 2017-06-16

Awesome! Just what I needed. Recommend!!

Stanislav Klevtsov 2017-06-16

Awesome! Just what I needed. Recommend!!

Statistics

Installs
535
Market
Chrome Web Store
Category
Rating
4.0 (3 votes)
Last update
2022-04-19
Version 1.7
Languages