i love me some Firebug. The newest version is even better with a nifty split pane that lets you see and edit the CSS style info right next to the code. It is truly the spiff.
Well, it is when it works.
You see, there's a weird glitch in Firebug that prevents it from displaying the style info if you've upgraded the browser from 1.5 to 2.0. Firebug reports that it can't open the style information and that you need to install the DOM Inspector. That's sorta/kinda true.
What i think is happening is that there are some legacy settings for the DOM inspector that are getting in the way of the new version of Firebug. Fortunately, the solution is pretty simple.
For simplicity, assume $MOZDIR is your Mozilla Root directory (e.g. "c:\Program Files\Mozilla Firefox")
- Turn off DOM Inspector in Firefox.
- Shut down Firefox (all of 'em).
- Delete (or move to another directory) the following:
- $MOZDIR\extensions\inspector@mozilla\ (this is a directory. Get everything)
- $MOZDIR\chrome\inspector.jar
- $MOZDIR\defaults\pref\inspector.js
(Paranoid types may want to just move these to c:\tmp. Don't just rename them! Get them out of the directory. Mozilla will (helpfully) look for these files)
- restart Firefox. It'll take a second to load since it has to rebuild the extension library.
- Inspect away, you should see the styles pop up.
That's kind of a pain, but i'm guessing it's because the upgrade never really disabled it. As for no longer having the DOM inspector, c'mon, you've got Firebug. That's light years better. Still, if you want to install it, nothing's stopping you from doing that.
Hope that helps. (It sure helped me.)
