Firebug web development tools

Add Tool

Firebug web development extension

Firebug web development extension

What is Firebug?

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page through Firebug web development tool.

How Firebug Helps You Design Your Blog?

If you want to make a few quick web design to your WordPress theme framework or any HTML web or blog site  Firebug, a free add-on for Firefox and Chrome, can help you do it.

Firebug web development tool will provide you with X-ray vision that exposes the HTML elements of your site and identifies the CSS styles at work. Even better, Firebug allows you to make changes to those styles in real-time, meaning you can make a change and see how it affects your website instantly

Not a coder?

When you’re using a theme of other web developer you can change style of each section of their theme or site even if you can’t see them in action. This means, when you start using a web inspector tool like Firebug, all you have to do is add some CSS styles and you’ll be good to go.

How To install Firebug?

There are two ways to install firebug

  • Open firefox, go to Tools > Addons > Get Addons and then search for firebug. Now click on Install. Restart Firefox after installing
  • Or you can go to and click on “Install Firebug for Firefox” button.
  • click to the button below

    Add to Firefox

How To Use Firebug?

The short cut key to view the firebug windows is “F12”. Or alternatively you can also click on the firebug icon from the status window. To inspect an element simply right click on the element which you want to inspect and click on “Inspect Element with Firebug”. Or you can also press “F12” and click on the “inspect” icon and then move your mouse to any element and then you’ll be able to see a blue rectangle surrounding that element and its code in the firebug window.

 Tutorial of Firebug web development tool

Inspect and edit HTML and CSS with Firebug
Debug JavaScript with Firebug
Measure performance of JavaScript code with Firebug
Execute JavaScript on the fly with Firebug
Logging for JavaScript with Firebug

Tags: discussions firebug, firebug googlegroups, firebug css, firebug for firefox 11, firefox html debugger, firebug 10, best firebug plugins, how to start firebug

About Masum Billah

Firebug web development extension 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools


Discuss about: Firebug web development tools