Layout Debugger

Chrome extension for highlighting DOM elements to better debug layout issues

Layout Debugger: Chrome Extension for Efficient Website Debugging

'Layout Debugger' is a Chrome extension created to assist developers with debugging. It easily highlights DOM elements, differentiating block from inline elements, and identifying overflowing objects on a webpage. It adds a unique colour outline for each visible DOM element and provides a red visual prompt for overflowing divs, aiding in the efficient and comprehensive resolution of layout issues.
Download
Install from Chrome Web Store

Extension stats

Manifest V2
By: cdsnowden
Users: 861
-21
Rating: 4.00
(3)
Version: 1.7 (Last updated: 2022-04-19)
Creation date: 2017-07-31
Permissions:
  • activeTab
Size: 257.02K
Full description: See detailed description

Ranking

# 32,578 ▼ 282
Other rankings
#318 in Developer Tools ▼ 4 #40 in layout keyword 24 ▼ 2 #112 in debug keyword 36

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge

User reviews

This extension only works on a few websites. Wouldn't recommend to others!
by Zen Imtiaz, 2021-10-23
Awesome! Just what I needed. Recommend!!
by Stas Klevtsov, 2017-06-16
View all user reviews

Extension safety

Risk impact

Layout Debugger requires very minimum permissions.

Risk impact analysis details
  • High Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk.
  • Low ******* ****** ** *** ********* ********
Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of Layout Debugger. Use it at your own risk.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ********* ** * ******* ********* ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Promo images

Layout Debugger small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Layout Debugger:

Outliner CSS
Outliner CSS
tarah
10K 5.00 (12)
Debug CSS
Debug CSS
Pranay Joshi
20K 4.50 (44)
HTML5 Debugger
HTML5 Debugger
Caesar Mukama
359 2.00 (1)
DevTools Classes & Atributes panel
DevTools Classes & Atributes panel
Gustavo Sillero
260 5.00 (4)
Div Highlighter
Div Highlighter
itsHobbes
1,000 3.29 (7)
HTML Hierarchy Visualizer
HTML Hierarchy Visualizer
steven.massola
2K 5.00 (8)
Div Density
Div Density
https://andersfisher.com
331 4.17 (6)
simple-debug.css
simple-debug.css
https://chrisnager.com
1,000 4.73 (15)
Looksee
Looksee
Cullan Luther
531 5.00 (3)
HTML Visual Validation
HTML Visual Validation
btisseo
4K 4.38 (8)
Outliner
Outliner
Zach Baker
818 5.00 (3)
DOM Highlighter
DOM Highlighter
Yuri Labzin
598 5.00 (4)