CSSViewer
A simple CSS property viewer.
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.
Credits:
This chrome extension is a straight port of the Firefox CSSViewer add-on with minor enhancements. Credits goes to the original developer and contributors.
Changelog:
1.7: 04/2017 - Add keyboard shortcuts and enable the viewer for local files.
1.6: 11/2014 - Add inspect element to menu. Add generate css definition. Fix few issues with auto-positioning. reFix an issue with chrome/38.
1.5: 10/2015 - Hotfix an issue with Chrome/38.0.2125.101.
1.4: 02/2013 - A bunch of minor changes in order to release CSSViewer as an open source project at Github.
1.3: 08/2011 - Support some CSS3 properties under the "Effects' category.
1.2: 07/2011 - Fix some minor bugs.
1.1: 03/2010 - Initial version.
Latest reviews
Use SuperDev Pro, this extension can't be installed now because Chrome has disabled it.
Nice extension. Super helpful. Unfortunately it will be removed due to not following best practices.
No longer available, can't install.
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 !!!!!
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.
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
It'a all great, but the modal is to close to an inspected object, so sometimes you can see well
gooood
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. :)
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.
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?
how do i make the pop up box stay still so i can copy one of the items?
Awesome extension! It really saves me from having to "inspect" objects. Everyone in my office now has it installed. If you really need something to do, let us modify the page CSS from your CSS popup :) Helps test CSS changes in-place.
Awesome extension! It really saves me from having to "inspect" objects. Everyone in my office now has it installed. If you really need something to do, let us modify the page CSS from your CSS popup :) Helps test CSS changes in-place.
Best free alternatie for Hover and CSS Inspector. Great Job
Best free alternatie for Hover and CSS Inspector. Great Job
It won't work if the web elements are inside the frame ?
It won't work if the web elements are inside the frame ?
This is my first time I logged in to leave a review. Thank you for making this program. It is very useful and helpful when I'm studying. <3
This is my first time I logged in to leave a review. Thank you for making this program. It is very useful and helpful when I'm studying. <3
I have a few ideas to improve it. my mail : [email protected]
Sangat membantu
Хороший быстрый инструмент.
Great tool.... Would be great if there were a way to invoke it with a keyboard shortcut
Great tool.... Would be great if there were a way to invoke it with a keyboard shortcut
Very understandable, code is well written!
Very understandable, code is well written!
Funciona muy bien, muy util. Gracias al desarrollador!
Muy bueno para quien va empezando a escribir codigo css y ver ejemplos de otras paginas.
Excellent!
Great Extension. Useful for front end developers.
Great Extension. Useful for front end developers.
Please when providing dislike reviews, always include some improvement suggestion, and better yet an actual alternative (another extension or inner CR tweaks) btw..im a user like you, not owner/dev)
Awesome app! Great for use as a quick and easy resource. I recommend giving it a try.
Awesome app! Great for use as a quick and easy resource. I recommend giving it a try.
Chrome 64 功能支持不全
a veces no muestra bien el nombre de los elementos o no corresponden con los cargados por la pagina
Does exactly what you expect it to.
Does exactly what you expect it to.
