Debug your layouts with one line of CSS and a single click.
Simple-Debug.css: An Easy Layout Debugging Chrome Extension
The 'simple-debug.css' chrome extension is a tool designed to simplify the debugging process for webpage layouts. With a single click, it injects a CSS line into the current page, highlighting elements with outlines and adding a sense of depth. This visual aid can help decipher complex page structures, making it an invaluable tool for web developers and designers alike. Enjoy a simple and streamlined debugging experience with 'simple-debug.css'.
Extension stats
Risk impact: Very low risk impact
Risk likelihood:
Manifest version: 2
Permissions:
Size: 9.37K
URLs: Website
Ranking
# 25,453
Other platforms
Not available on Android
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.
Extension summary
This extension injects simple-debug.css's one line of CSS into the current page, adding outlines and a sense of depth to the page's elements, to make debugging the page layout easier.
User reviews
Pros
- Simple to use
- Works 100% of the time
- Helpful for debugging
Cons
- Darkens the page
- Some inconsistency in functionality
Most mentioned
- Simple but very helpful
- Does exactly what I expect
- Works perfectly
User reviews
Great plugin. Simple but very helpful!
Super simple, but does exactly what I expect from it. Thanks!
Every debug extension in the web store does not work. I've tried allowing access and no luck. Not sure if they're in need of an update or not, but there should be a small guide for troubleshooting.
Extension safety
Risk impact
simple-debug.css does not require any sensitive permissions.
Risk likelihood
simple-debug.css has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to simple-debug.css:
Live editor for CSS, Less & Sass - Magic CSS HTML Hierarchy Visualizer Code Cola HTML Visual Validation Quickfix CSS Editor Debug CSS CSS Color Names Layout Debugger Outliner CSS DOM X-Ray Div Density Dimensions Inspect | Gridman
https://webextensions.org
4.64
70,000+
steven.massola
5.00
2,000+
https://www.zhouqicf.com
4.63
20,000+
btisseo
4.38
4,000+
201 Created AB
4.00
364
Pranay Joshi
4.74
20,000+
pluraldev.com
5.00
524
cdsnowden
4.00
881
tarah
5.00
9,000+
https://nick-vincent.com
5.00
1,000+
https://andersfisher.com
4.17
377
https://fenvox.com
4.01
10,000+