Layout Debugger

Chrome extension for highlighting DOM elements to better debug layout issues

What is Layout Debugger?

'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

Extension stats

By: cdsnowden

View on Chrome Web Store

Users: 895 ▼ -36

Rating: 4.00 (3)

Version: 1.7 (Last updated: 2022-04-19)

Creation date: 2017-07-31

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 257.02K

Email: cd*****@gmail.com

Ranking

# 30854 ▼ 540

Other rankings

#308 in Developer Tools ▼ 4 #7 in layout keyword 22 #36 in debug keyword 18 ▼ 2 #232 in element keyword 21 ▼ 8 #251 in display keyword 16 ▼ 4

Other platforms

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.