Layout Debugger chrome extension

Version: 1.7
Layout Debugger
Chrome extension for highlighting DOM elements to better debug layout issues
3.25 Based on 4 user rates

What is Layout Debugger?

Layout Debugger is a developer tools chrome extension. it's a free extension , it has 731 active users since released its first version, it earns an average rating of 3.25 from 4 rated user, last update is 741 days ago.


What’s new in version 1.7?

                - 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..            

How to install Layout Debugger?

You could download the latest version crx file or older version files and install it.


Preview of Layout Debugger


Technical Features:

  • Latest Version: 1.7
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Tuesday, April 19th, 2022
  • Author: cdsnowden

Layout Debugger Available languages:

English (UK).


FAQ


Reviews of layout debugger:


Zen Imtiaz October 23rd, 2021
Zen Imtiaz

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


Alan Choi October 3rd, 2019
Alan Choi

It doesn't work in the latest Chrome.


Stas Klevtsov June 16th, 2017
Stas Klevtsov

Awesome! Just what I needed. Recommend!!

Read more review & comments of layout debugger