How to use FireBug @firebugnews #WebToolsWiki

- Last Update:

FireBug Is FireFox’s Companion For Your Website

How to use FireBug @firebugnews #WebToolsWiki

How to use FireBug @firebugnews #WebToolsWiki


If you are an avid FireFox user who is also into web design, the FireBug will be your BFF. It’s a tool that integrates with FireFox so you can easily code, monitor and edit any CSS, HTML and JavaScript live in any web page.

How to use FireBug @firebugnews #WebToolsWiki

How to use FireBug @firebugnews #WebToolsWiki

FireBug will, in short, allow you to

  • Look at  HTML and if you need to, modify the style and layout in real-time
  • Add features to Firebug to maximize your experience.
  • Analyze your network usage and performance accurately.
  • Access  an advanced JavaScript debugger for any browser

Here is a list of some of their key features. 

Always there. You can open in a separate window or as a bar on the bottom of your browser and get control over the websites you wish to enable the little bug for.

HTML. Easily access HTML elements on any webpage. You can edit it live and learn more about that web page.

CSS. FireBug has CSS tabs that will detail everything you wish to know about the styles, formatting and layouts of all your web pages and if you don’t like what you see, then you can fix it.

CSS Metrics. If your CSS boxes are giving you a fishy attitude, FireBug can help by being your little fly on the wall that measures, illustrates and gets back to you about borders, offsets, margins, paddings and sizes.

Cookies. Need to know what kind of cookies your computer is eating? You can view and change the diet right in your browser. You can tell your computer no, not those cookies, by filtering them, creating them and deleting them right from your browser.

Errors. Yes, they are gonna happen, but with Firebug you can know right when it happens and see what’s going on with a detailed report.


FireBug is a free extension for FireFox and it’s also available for Google Chrome and other web browsers.

Here is a video provided by FireBug.

Add Your FireBug Tips To List.Ly Below!

Do you have any tips for using FireBug? Please add them to this list.
Please vote up or down any tips that are already here. Thank you!

0 items   1 followers   0 votes   97 views

Your top tips for using @firebugnews #Crowdify #GetItDone

Do you know any FireBug alternatives?
Please add the names of each tool to this list and help others to find them and try them out.
Please vote up or down any alternative so we find the most popular ones. Thank you!

0 items   1 followers   0 votes   76 views

Your suggestions for alternatives to @firebugnews #Crowdify #GetItDone

We hope you enjoy FireBug. To search for any other online tool please use our search box at the top of the page.
If you have benefited from what you have learned here we hope you will consider sharing this page with your social media friends by using one of the sharing buttons out on the left. Thank you!

If you have any questions about FireBug please ask in the comment boxes below either Google+ or click over to Facebook. If you know lots about FireBug or any other tool featured in The Web Tools Wiki then please let us know in the comments as well. We will connect with you and give you editing rights. We often pay regular editors for their time.

Loading Facebook Comments ...

Leave a Reply

Your email address will not be published. Required fields are marked *