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.
17 Reviews For This Extension
It will be disabled soon unless updated, try SuperDev Pro.
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
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
I LOVE THIS TOOL !!!!!
It's nice, but outdated and abandoned. If you want something more powerful, try SuperDev Pro.
Great work by developer. Much needed App
Great work by developer. Much needed App
great tool but how can I make the fontsize of popup box a little bigger?
great tool but how can I make the fontsize of popup box a little bigger?
Pretty helpful, to copy you need to click F to freeze the screen then copy it.
It'a all great, but the modal is to close to an inspected object, so sometimes you can see well
gooood
The fonts for the css values are (yellow color) on my (white background page), this makes it imposible to see the details.
The fonts for the css values are (yellow color) on my (white background page), this makes it imposible to see the details.
I use this all the time when creating websites. Extremely useful. Thank you so much. God Bless. :)
Very useful CSS viewing tool with the ability to copy the structured CSS. Very interactive and easy to use.
how do i make the pop up box stay still so i can copy one of the items?