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
- (2023-09-07) Night Fang: great tool but how can I make the fontsize of popup box a little bigger?
- (2023-02-18) Neutral: Pretty helpful, to copy you need to click F to freeze the screen then copy it.
- (2022-12-04) Aleksandra Hornik: It'a all great, but the modal is to close to an inspected object, so sometimes you can see well
- (2022-06-15) Cahya Dyazin: gooood
- (2022-06-03) eM eN: The fonts for the css values are (yellow color) on my (white background page), this makes it imposible to see the details.
- (2021-11-23) Linda Sturling Graphic Design: I use this all the time when creating websites. Extremely useful. Thank you so much. God Bless. :)
- (2021-05-09) Jonathan Camp: Very useful CSS viewing tool with the ability to copy the structured CSS. Very interactive and easy to use.
- (2021-03-08) Christian Khalil: how do i make the pop up box stay still so i can copy one of the items?
- (2020-07-06) John Escalera: 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.
- (2020-06-24) Parables Boltnoel: Best free alternatie for Hover and CSS Inspector. Great Job
- (2019-04-26) RAJAT MEHARWADE: It won't work if the web elements are inside the frame ?
- (2018-12-24) 흠흠: 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
- (2018-11-07) For Videos: I have a few ideas to improve it. my mail : [email protected]
- (2018-08-13) Hadi Pranoto: Sangat membantu
- (2018-06-20) Sergiu Burduja: Хороший быстрый инструмент.
- (2018-05-25) S LT: Great tool.... Would be great if there were a way to invoke it with a keyboard shortcut
- (2018-05-17) J Brabec: Very understandable, code is well written!
- (2017-12-22) Antonio Mata Lozano: Funciona muy bien, muy util. Gracias al desarrollador!
- (2017-11-08) Raúl Corrales: Muy bueno para quien va empezando a escribir codigo css y ver ejemplos de otras paginas.
- (2017-11-04) Rogerio M. Souza: Excellent!
- (2017-11-01) Adnan Haider: Great Extension. Useful for front end developers.
- (2017-10-26) 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)
- (2017-10-25) Jeremy Kievit: Awesome app! Great for use as a quick and easy resource. I recommend giving it a try.
- (2017-10-17) 贽李: Chrome 64 功能支持不全
- (2017-10-13) Videos E.Y.E: a veces no muestra bien el nombre de los elementos o no corresponden con los cargados por la pagina
- (2017-09-12) Antonio Mota: Does exactly what you expect it to.
- (2017-08-17) The Bomb!
- (2017-08-17) RJ Ralph H. Magoncia: I like it
- (2017-08-16) Prashant kulkarni: best extension...option to copy element and sub element name to clipboard should be given
- (2017-04-30) Дмитрий Ткаченко: Великолепно. Заменяет массу инструментов.
- (2017-03-27) Felipe Carvalho: Excelente e útil demais!!!
- (2017-03-13) Ronin Siete: muy bueno y útil lo recomiendo
- (2017-02-14) Ulaş Öztürk: Harika bir eklenti. Çok kullanışlı. Eğer hayata bir eklenti olarak gelmek isteseydim bu eklenti olurdum.
- (2017-01-15) Lý Hoa Na: good
- (2017-01-03) 樊亮: 怎么不能复制样式到剪切板呢?是没有这个功能还是我没有找到啊。