What is Firebug and How to Install Firebug on Firefox

Firebug:

Firebug is one of the most popular and powerful web development tool. It facilitates lots of features including inspecting the web elements, debugging and editing of websites in real time and lot more it can do. While using Selenium as an automation tool, It’s a very handy and useful tool to inspect the properties of web elements present on the page.  you can have more details about it on it’s official website: http://getfirebug.com/

 

Installation process:

1. Launch firefox browser.

2. Open http://getfirebug.com/

3. Click ‘Install Firebug’ button as show in below screen.

 

firebug1

 

4. Click ‘Green Down’ icon shown in the below screen.

 

firebug2

 

5. Click ‘Add to Firefox’ button as show below:

 

firebug3

 

6. Firefox would bring up the dialog to restrict the installation without acceptance, thus click ‘Allow’ button.

 

firebug4

 

7. Click ‘Install’ button.

 

firebug5

 

8. Finally, Firebug installed successfully as shown below:

 

firebug6

 

9. Now go to ‘Tools’ in the menu bar and choose Web Developer > Firebug > Open Firebug. OR simply press F12 key. – Firebug frame would come up as shown below.

 

firebug8

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s