Restart the Mozilla Firefox on the same time and it will automatic install within your restart.

Look at the right side of the “Firebug Add-on” result and click Install and after your click download for that plugin will start.

Find the search bar, enter Addon name (Firebug Add-on) or related keyword, you will see the list of addons related to your search term.

Look For “Get Add-ons Menu” In Add-ons Page And Click that and it will bring you to New Add-on Page.

You can see which Add-ons and extension Currently Installed in your Firefox.Open Firefox Browser in your PC And Use Ctrl+Shift+A Shortcut To Bring Up Firefox Add-ons Page.Pro's: Powerful free web development tool which also helps gain a deeper understanding of web programming.Ĭon's: Not compatible with earlier versions of Firefox.Ĭonclusion: Firebug is a surprisingly powerful add-on for the Firefox web browser.Firefox Is web browser as Internet Explorer Or Chorme which is popular among all over Internet with lot of New Features Like Add-ons, New Plug-ins, Themes Etc…. Unlike the 'View Source' command, which only gives you a limited glimpse into the underlying workings of a web page, Firebug supplies considerable detail about each element so you can quickly gain an understanding of how a particular look or function was achieved. You can input the new code in Firebug and immediately see how it will affect the page you're working on.ĭespite being an add-on itself, Firebug is meaty enough to support its own add-ons, expanding its functionality - providing information specific to a package such as Drupal, for example, or adding reference materials.Īs well as being a development tool, Firebug can also enhance your understanding of web programming by allowing you to view the code of any exiting website in detail. Testing different rules no longer involves laboriously changing code in an editor, uploading it to your web space and refreshing the page every time you want to try something out. Select File > Open File then select the addon.xpi file and click on Open. Next, go to the Firefox drop down menus at the top of the browser. Be sure not to change the file extension. Firebug lets you see at a glance which rules of CSS apply to a particular element. If the download option isn't available, right click on the extension install link and select 'Save Link As.'. The add-on comes into its own with CSS in particular.

It also allows you to view HTML, CSS, and JavaScript components of your web page, so if something isn't displaying properly - an element is in the wrong place, text doesn't appear the way you expect, or a piece of JavaScript doesn't do what it's supposed to - it's much easier to work out what's gone wrong and fix it. Aimed at web developers, Firebug lets you examine and edit the code of your web pages in your browser window.

Install firebug on firefox