Although somewhat useful, this extension is not as good as the Chrome extension (of the same name), for a few reasons, including...
The developer has followed the latest brainless design fashion, and grayed-out the interface, making it harder to read or see the information. Actually this is true in the Chrome version too but it's slightly more legible there.
The Escape key doesn't quit it; I have to choose it again (from the button or Tools menu) to make it go away.
The text often doesn't fit in the box and sticks out of its right side, making it even less legible.
It lacks keyboard shortcuts of the Chrome version, such as [f] key to freeze/unfreeze, [c] key to copy CSS selector, etc.
Despite these shortcomings, may be worth installing, but you should check out the Xray bookmarklet as well (which has some overlapping functionality). Hopefully the developer who adapted this from the previous Firefox version (that no longer works) will look at the Chrome version, and try to achieve parity with it.
Tip: I don't know how you access this extension from Windows, but on my Mac... initially I could only access it from the Firefox Tools menu. Using Firefox's Customize mode, I was able to add a button for CSS Viewer to the toolbar as well, which is more convenient. Maybe there's something similar on Windows...
no me deja agregar el addon, se descarga y me pide reiniciar el navegador lo hago pero no se agrega, mmmmm le falta la documentación básica de manejo, deberia arreglarlo por que esta buena la idea del componente.
not available for tb
Unfortunately I have no idea how to use this addon. There are no instructions.
Can someone advise how I use the CSS Viewer?
One of my must-have Firefox add-ons! Over the years I've had to do several workarounds to get it to install properly with the latest Firefox version, but it's totally worth it. The simple overlay quickly displaying the final rendered CSS properties is a handy time-saver. Only on occasion does the z-index of the overlay compete with other elements on the page making it unusable. For the most part, it works awesome!
It's working... However it has some problems.
1. the main problem is when I want it use can't see. No toolbar button or a Context menu item. First I need to open the browser menubar and find the CSS viewer. I don't use menubar and in the new versions of Mozilla the menubar is hidden by default.
The only way is the following: hit on Windows ALT key to unhide menubar > hit on Tools > and then hit on CSS viewer
Afterwards if I don't want use it more times I must to do this way again
hit on Windows ALT key to unhide menubar > hit on Tools > and then hit on CSS viewer
2. on long text code the the running outside the box
3. the box sticking out of the browser window. So it is not adapted to the window frame.
Overall is it a good and 'fast' way to view the CSS property of a website.
(Win7 x64 and up to date FF)d up to date FF)
Spent about 3 hours trying to find the HEX for a colour on my website, and found this little Add-on, and tried it , I found the colour hex in about 5 seconds after enabling it. This is an amazing tool! :)
The version of Firefox 21 on Ubuntu works just fine. However, the existing problem of displaying long text codes.
Great!. Please add a way to get the text from the viewer (a copy button or hotkey). I use FF3.6.8 and FF19.
Not at all working....
Simply perfect for trying to figure out what damn css class is being used on an object. I love it.