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.
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.
Best free alternatie for Hover and CSS Inspector. Great Job
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
Sangat membantu
Хороший быстрый инструмент.
Great tool….
Would be great if there were a way to invoke it with a keyboard shortcut
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.
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.
I like it
best extension…option to copy element and sub element name to clipboard should be given
Великолепно. Заменяет массу инструментов.
Excelente e útil demais!!!
muy bueno y útil lo recomiendo
Harika bir eklenti. Çok kullanışlı. Eğer hayata bir eklenti olarak gelmek isteseydim bu eklenti olurdum.