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

Stats

By: cdsnowden

View on Chrome Web Store

Users: 889 ▼ -2

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

URLs: Website

Stats date:

Chrome-Stats Rank

# 30814 ▼ 351

Other rankings

#238 in Developer Tools ▲ 1 #11 in layout keyword 36 ▲ 1 #42 in debug keyword 30 ▼ 1 #217 in element keyword 20 ▼ 3

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.