Firebug Extension a very effective tool to debug HTML, CSS and Javascript for Mozill Firefox. No web developer can do his/her job better without this tool. Now if you wanted to fix UI for the latest Mozilla Firefox 3 then you will get some questions bubbling on your mind like,

Can we use firebug extension to fix User Interface of web pages on new Mozilla firefox 3?
How to install firebug on Mozilla firefox 3 beta 5?
And etc.

Answers are,

Yes, you can use firebug extension even though it has not yet come up with its version for Mozilla Firefox 3.
Steps to install firebug for Mozilla Firefox:

1) Type the following link on your IE browser address bar https://addons.mozilla.org/en-US/firefox/search?q=firebug&cat=all
Note: If you use mozilla firefox 3 latest version to download the extension you will see a text saying “This add-on is for older versions of Firefox” because its made for this latest version.

2) So use ie browser click download button from the above linked page to download firebug-1.05-fx+fl.xpi and save it to your local hard disc.

3) Change firebug-1.05-fx+fl.xpi to firebug-1.05-fx+fl.zip to open the zip file.

4) Open install.rdf file by double clicking on it (notepad may open) and now you can change the browser version 2.0.0 to 3.0.0 after from the rdf file code as mentioned below,
Replace the code and save
from “<em:maxVersion>2.0.0.*</em:maxVersion>” to “<em:maxVersion>3.0.0.*</em:maxVersion>”

– Codes depict the maximum support by firebug extension for Mozilla Firfox browser.

5) Change firebug-1.05-fx+fl.zip file extension to firebug-1.05-fx+fl.xpi and copy it to your local hard disc. Example path: C:\Program Files\Mozilla Firefox\extensions.

That’s it you are done with it. You have got that working extension for your new Mozill Firefox 3 browser.
Now just close your firefox 3 browser and reopen the browser. You will get Add on browser pop-up window to install that firebug xpi file as add-on to your browser.

I hope your font end development will deserve super success. All best.
Any comments? Please do reply to the post.

Hey folks, I have another approach that could help to develop web pages compatible for all the different browsers like IE 8 Beta 1, Mozilla Fireforx 3 Beta 5 , Firefox 2.

The novel approach is about get a additional CPU Box which will have Firefox 3 and IE 8 installed and could be connected by RDP (Remote Desktop) from your main CPU Box. The Main CPU box could have some older version of firefox and ie browsers. By sharing /hosting developing web pages, we could test and develop pages with RDP connection.
I hope this approach could be more useful than my first post about an approach to develop and test pages for multiple IE and Firefox browser version.

All new coming posts will be related to UI fixes and workarounds for IE 8 and Firefox 3 till every one gets hands on with these latest browsers behaviors.

<Reply to Rafi Ali Khan’s Comments: I will have posts detailed with snapshots when it’s required to make the context clear as per your advice. Thanks.>

Hey Folks! I have an approach to develop and test web pages on IE 8 and also with other browsers like firefox 3 for web application at a same time. Normally we do use multiple IE tool to develop pages for all the IE browsers versions till IE 6 when you have IE7 as primary browser. Installing IE8 Beta 1 will be having a button to switch to IE 7. But you may not get an option to work on multiple firefox browsers versions at the same time.

To work on all the browsers like IE6, IE7, IE8 Beta1, Firefox 1.5, Firefox 2.0.1, Firefox 3 beta 4 you will need one more CPU box along with your existing. Using a controller you can switch two CPUs on your single monitor to develop pages for your entire browsers by installing IE6, IE7, IE8 Beta1 and Firefox 1.5 to a CPU and Firefox 3 beta 4 with the other one.

This is my approach…If you have any other approach do reply to this post, that would be appreciated. Thanks.