10. Install Firebug Add on for Firefox

Firebug (Firefox Add-on) is a web development tool that facilitates the debugging, editing and monitoring of any website's CSS, HTML, DOM, XHR and JavaScript. In Selenium, Firebug is used to inspect the UI elements of the web application under test. (How to inspect the UI elements of the Web Application Under Test will be explained in the next post. And also the reason for inspecting the elements will be explained later).


How to Install Firebug ?

Please follow the below steps for installing the Firebug Addon for Firefox Browser:

1. Visit http://www.mozilla.org/en-US/firefox/new/ in any browser and download the latest version of Firefox Browser as shown in the below screen



2. Verify that a Firefox Setup file got downloaded and read the version of the Browser (In my case the Browser version is 29.0.1) as shown below 





3. Install the Firefox Browser by double clicking on the downloaded Firefox Setup File 

4. Launch the Firefox Browser and browse for https://getfirebug.com/downloads 



5. In https://getfirebug.com/downloads page, select the Stable FireBug version which is compatible with your Firefox Browser version installed in Step#3 and click on 'Download' link




6. Ensure that Firefox ADD-ONS page is displayed with 'FireBug' add-on and click on 'Add to Firefox' button to install the 'FireBug' add-on



7. Click on 'Install Now' button on the displayed Popup Window



8. After Installation restart (i.e. close and reopen) the Firefox Browser

9. Ensure that FireBug icon is displayed on the FireFox Browser Window as shown in the below screenshot:






No comments:

Post a Comment