A Firefox Add-on Coders Shouldn’t Be Without
From casual bloggers to advanced programmers, the Firebug add-on for Firefox is an essential tool to help you tweak your code. While viewing a web page you click on its button to bring up its display showing you the HTML, CSS and scripts.
One of the neat things about this add-on is that you can get a feel for how something is going to look on the page without actually editing the original file. Want to see what that headline will look like in a different color? With Firebug just change the CSS values and it immediately shows up in that color. Change the spacing, text, rollover values…do it with this add-on to see what you like before you make the changes to the files on your server.
And if you are feeling mischievous, you could go to a website, change the content, hide the Firebug window, and make it look like your changes exist for all the world to see. Maybe you could go to, I don’t know, CNN.com and change an article with a friend as the subject matter and ask them how they got in the news.
Again, you’re not actually changing the content, just the cached files you’ve already downloaded. This is not a hacking tool.
Hunting for the exact line of text that you want to change may be a little difficult depending on the complexity of the site you’re viewing at the time. But once you find what you’re looking for, it can really save you time by not having to change your files, uploading them to the server and refreshing, and repeating the process until you’re satisfied.
[tags]firefox,add-ons,extension,firebug[/tags]
Popularity: 4% [?]
- 3 Firefox Add-Ons You Must Check Out: MeasureIt sits comfortably in the lower-left corner of your browser. If you ever want to find the dimensions of something on a Web page, just...
- View It All At Once With Split Browser: First, you had to open up multiple browser windows if you wanted to have more than one site accessible at the same time. That got...
- Firefox Extension: Read It Later: I found something to add to Firefox that addresses a problem I’ve been having and it might help you too. When I browse the Web...












Brown Baron | May 17, 2007 | Reply
Aha another add-on to download for my browser. Why do I have the feeling that everytime I come here I end up downloading something new?
Mark | May 17, 2007 | Reply
Hehe…one down, a gazillion more browsers to go! My quest for world domination is close at hand.
Mike | May 18, 2007 | Reply
I use the Web Developer add-on for Firefox which allows you to do much of the same stuff. It’s fantastic for tweaking CSS. Such a huge time saver. Every time I use it I wonder why I never had it sooner ;P
Matthew Jabs | May 18, 2007 | Reply
How does this compare to the Web Developer add-on?
Mark | May 18, 2007 | Reply
That is a great add-on. The Shift-Ctrl Y key allowing you to select an area and find its CSS values is so helpful.
Mark | May 18, 2007 | Reply
@Matt: they both have their strengths. Honestly, I’ve only used a fraction of both. Minor differences aside, the main difference that sticks out in my mind is that you can’t edit the HMTL on the page you’re viewing. It will let you edit the source, but I don’t believe it’s real-time like Firebug. I could be wrong though.