CSS Peeper
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
# Release notes
In the latest version we have addressed the issue where the extension stopped working after mandatory `manifest_version upgrage` from Google.
also, we have addressed the issue in which user were unable to see the styling for the bottom most element of the page. we have added tooltip feature which gives a basic styles in tooltip itself.
# Debug CSS
A lightweight extension for Google chrome to show outline of all the element exist on page.
while working on web page development the one of the difficult part is to position the element as required and check which element affecting the other one.
Inspect the latest comments and rating distribution.
Store average score: 4.5. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Inspect website styles in seconds. Supercharge your workflow, and save hours of work.
A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
See through the DOM to visually debug CSS positioning.
A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. It…
Not only inserts outlines (without background color) on all elements, but also inspects size and layout. CSS is awesome!
Toggle outlines on all elements to help debug CSS
19/02/2025. It don't work in edge browser
Superb, works like a charm
The extension is great. But it would be even better if the dimensions of each box is shown on top of the boxes.
Works but if you aren't seeing the black bar at the bottom telling you what you're hovering on you have to inspect and under styles in the tools uncheck the visibility css attribute. For whatever reason it is defaulted to hidden. Very dumb.
I'm a Mac User. If anyone has an issue that feels not working/ hovering effect not works even Debug CSS active, You have to do a simple thing. Go to manage extension --> Turn ON "Allow access to file URLs".
делает своё дело на отлично
Very useful, the best extension compared to others that do the "same" job.
very useful and interactive.
MacBook doesn't work but Windows can.
hey it was working so fine before but now it seems the hover effect has been removed so...will it ever come back?...or is it still there but not coming in mine?