• 370 reviews
CSSViewer
Security impact analysis
9
Manifest
0
Scripts
10
Permissions
0
Hosts

CSSViewer

CSSViewer: A Powerful Chrome Extension for CSS Properties Viewing

Introduction

Discover the power of CSSViewer, a simple yet powerful Chrome extension that allows you to easily view CSS properties of any element on a webpage. Originally developed as a Firefox add-on by Nicolas Huon from 2006 to 2008, CSSViewer has been ported to Chrome with minor enhancements.

How to Use CSSViewer

Using CSSViewer is incredibly easy. With just a few clicks, you can gain valuable insights into the CSS properties of any element on a webpage. Simply click on the CSSViewer toolbar icon and then hover over the element you want to inspect. Instantly, CSSViewer will display the CSS properties, making it an indispensable tool for web developers, designers, and anyone working with CSS.

Open Source and Privacy

CSSViewer is an open-source project hosted on GitHub, allowing developers to contribute and make improvements. You can find the source code at [https://github.com/miled/cssviewer](https://github.com/miled/cssviewer). This commitment to openness ensures the continuous enhancement of CSSViewer.

When it comes to privacy, CSSViewer respects your data. While it requires permission to access your history and website data for proper functionality, rest assured that it does not collect or transmit any of your private information. Your privacy is always protected.

Known Issues

  • Compatibility: CSSViewer may not work on tabs that were open before installing the extension, as well as on the Google Chrome store itself. However, for most webpages, CSSViewer functions flawlessly.
  • CSS Breakage: In rare cases, the CSS styles may break depending on the complexity of the website you are browsing. This is due to the intricacies of different site structures. Rest assured that the CSSViewer community actively welcomes patches and contributions to address any issues and improve the extension's overall functionality.

Credits and Changelog

CSSViewer is a remarkable port of the original Firefox CSSViewer add-on with minor enhancements. Credits go to the brilliant mind of Nicolas Huon, the original developer, as well as all the contributors who have diligently worked to improve the extension over time.

Here is a brief changelog of CSSViewer:

  • 1.7: 04/2017 - Added keyboard shortcuts and enabled the viewer for local files, making it even more convenient for users.
  • 1.6: 11/2014 - Added inspect element to the menu, generated CSS definition, and fixed a few issues with auto-positioning to enhance the overall user experience.
  • 1.5: 10/2015 - Released a hotfix for an issue with Chrome/38.0.2125.101, ensuring seamless compatibility with the latest version of the browser.
  • 1.4: 02/2013 - Released CSSViewer as an open-source project on GitHub, opening the doors for collaboration and improvement.
  • 1.3: 08/2011 - Expanded support for some CSS3 properties under the "Effects" category, empowering users with the latest CSS capabilities.
  • 1.2: 07/2011 - Fixed minor bugs to provide a smoother user experience.
  • 1.1: 03/2010 - Introduced the initial version of CSSViewer, laying the foundation for its continued success.

Simple and easy to use CSS properties viewer

Open source code available on GitHub

Requires permission to access history and website data

May not work on all websites

4.4
370 reviews
17 Reviews For This Extension
Choudhary Abdullah

It will be disabled soon unless updated, try SuperDev Pro.

James

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

Joseph Putra

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

Chris Natello

I LOVE THIS TOOL !!!!!

Choudhary Abdullah

It's nice, but outdated and abandoned. If you want something more powerful, try SuperDev Pro.

Discover With Shy

Great work by developer. Much needed App

SHYz TUB

Great work by developer. Much needed App

Night Fang

great tool but how can I make the fontsize of popup box a little bigger?

Lightning Arrestor

great tool but how can I make the fontsize of popup box a little bigger?

Neutral

Pretty helpful, to copy you need to click F to freeze the screen then copy it.

Aleksandra Hornik

It'a all great, but the modal is to close to an inspected object, so sometimes you can see well

Cahya Dyazin

gooood

eM eN

The fonts for the css values are (yellow color) on my (white background page), this makes it imposible to see the details.

Michael Nongphud

The fonts for the css values are (yellow color) on my (white background page), this makes it imposible to see the details.

Linda Sturling Graphic Design

I use this all the time when creating websites. Extremely useful. Thank you so much. God Bless. :)

Jonathan Camp

Very useful CSS viewing tool with the ability to copy the structured CSS. Very interactive and easy to use.

Christian Khalil

how do i make the pop up box stay still so i can copy one of the items?

Users count
Rating


Related articles

THIS SITE USES COOKIES

This site, like many others, uses small files called cookies to help us improve and customize your experience. Learn more about how we use cookies in our cookie policy.