CSSViewer

A simple CSS property viewer.

What is CSSViewer?

CSSViewer is a Chrome extension originally developed as a Firefox add-on by Nicolas Huon. This simple CSS property viewer allows users to easily inspect any element of a webpage. To use CSSViewer, click the toolbar icon and then hover over any element you want to inspect in the current page. The extension is open source with its code available on GitHub. For its proper functioning, CSSViewer requires permission to access your history and website data, but ensures privacy by not collecting or transmitting any personal data.

Download

Extension stats

By: M.ed

View on Chrome Web Store

Users: 200,000+

Rating: 4.40 (369)

Version: 1.7 (Last updated: 2017-03-26)

Creation date: 2017-03-26

Risk impact: High risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

tabs
http://*/*
https://*/*
file://*/*
contextMenus

Size: 308.22K

Ranking

# 1586 ▼ 5

Other rankings

#587 in Developer Tools

#30 in source code keyword 26

#43 in firefox keyword 23 ▲ 1

#49 in property keyword 18 ▲ 6

#62 in viewer keyword 63 ▲ 2

Upgrade to see more rankings

Other platforms

CSSViewer (v1.2resigned1)

4.48

(21) 4,837+

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

Analyze keywords

CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).

How to use : To enable CSSViewer, simply click the toolbar icon and then hover any element on you want to inspect in current page.

Open source inside: Source code can be found on GitHub at https://github.com/miled/cssviewer

Privacy : In order to work properly, CSSViewer requires the permission to access to your history and website data. However, CSSViewer do not collect nor will ever transmit any of your private data.

Known issues :

CSSViewer will not work in any opened tabs before installing it nor in the Google chrome store (This is how Google roll :)
The style may broke sometimes depending on the site you are surfing.
Patches are welcome.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

It's a useful plugin.
Pretty helpful for CSS inspection.
Great work by developer.
I LOVE THIS TOOL !!!!!

Cons

No longer supported or may be disabled soon.
Outdated and abandoned project.
Issues with visibility of tool/modal on right side components.
Font color making it hard to read on certain backgrounds.

Most mentioned

SuperDev Pro is a powerful alternative.
Need for support and updates.
Issues with modal placement.

Recent reviews

It's a useful plugin but unfortunately it will be removed soon. I found another very useful CSSViewer plugin which is super advance, leaving the link below for your reference. https://chromewebstore.google.com/detail/cssviewer/plnialnlnbaodbmoedcppffmgfmmghbj?hl

James, 2024-09-03

nice but when i choose component which on the right, it got outta web browser to the right by default so i cannot see component which located on the right of the web page