How to Use Firebug


Firebug is a Firefox application that reveals bugs and mistakes on a website. By using Firebug, you can find the mistakes on the HTML or CSS code you wrote, and will also find out why something is not working.

  • Go to the Tools menu in your Firefox browser and look for "Add-ons." Click on it and a new window will pop-up. Click on the first option on the top menu, which should say "Get Add-ons," and search for Firebug.

  • Open Firebug and the screen will split in two parts: one will be the website you were visiting (on top) and the other half will be Firebug with the code behind what you are watching. You can navigate through both HTML and CSS code. Choose the one you want to check.

  • Click on the different sections of the site (always on the bottom half of the screen) and see on top how the area you clicked on is highlighted. That will help you identify the bugs.

  • Note that the CSS code shows on the right side of the screen, allowing you to do some changes to see how things would look like without having to modify your original files. When you identify the change you have to make, you can go back to your editing program.

Related Searches

Promoted By Zergnet



You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!