Install / Configure Firebug and FirePath in Firefox

This article helps to Configure Firebug and FirePath to the Firefox Browser.

As part of automation, we need to SPY the elements in the WebPage. While using Firefox browser, Firebug and Firepath would allow to SPY the elements in page

FIREBUG is Add-On to firefox browser. Firebug is used to Inspect the HTML elements in the page. Provide details of respective element like name, id, className, linkText and more based on the type of element. This information is used in Selenium WebDriver code to automate the application.

Step 1: Download and Install Firefox Browser

Step 2: Configure Firebug

Click on the Open Menu icon in Firefox and click on Add-Ons

Search for the Firebug in Get Add-Ons tab and click on Install

Firebug installed Successfully. Bug icon would be appeared in the browser

Open the Application or URL and click on Bug Icon to open Firebug screen. In below screenshot, can use section of Firebug to Inspect elements in WebPage

Sometimes, alone with typical or default elements like name, className, id, cssSelector, tagName, partialLinkText, linkText would be difficult to identify the WebElements, in that case we can go with writing the Regular Expressions with xPath

During this time, we need to have additional Add-On Firepath

Firepath is Add-On in firefox browser and is an extension to Firebug. Helps to write xPath for elements which change dynamically. Search for firepath in search field and click Install

Restart browser for changes to take place

FirePath installed successfully. Click on the Firebug Icon and last tab in the Firebug is Firepath. Click on the tab to get the details of HTML code and write xPath or get xPath in the section.

REFER TO XPATH SECTION IN LINK BELOW TO KNOW MORE ABOUT WRITING XPATHS FOR IDENTIFYING WEB ELEMENTS IN PAGE

for xpath learning click here