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: 912 ▲ 1

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

# 32516 ▼ 84

Other rankings

#311 in Developer Tools #9 in layout keyword 19 ▼ 1 #50 in debug keyword 15 ▼ 2 #238 in element keyword 20 ▼ 3 #266 in display keyword 16 ▲ 16

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.