Firepath For Firefox

In This Post We Will Explain You The Actual Usage of FireBug and FirePath in Selenium and How To Add As a Addons in Browser FireFox :

Firepath For Firefox 47

The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools.

FirePath XPI. XPIs can be downloaded in another way as well. 1) Go to FirePath XPI download page. Right click on ‘Add to Firefox‘ and select ‘Save AS.‘ to save the XPI of the FirePath. How to Add Extensions (Firebug & FirePath) to FirefoxDriver? Time to load the saved extensions to FireFoxDriver. For information on extending the Firefox DevTools, see Extending the developer tools over in the Browser Extensions section of MDN. Migrating from Firebug Firebug has come to the end of its lifespan (see Firebug lives on in Firefox DevTools for details of why), and we appreciate that some people will find migrating to another less familiar set.

  • Mozilla Firefox Plugins Firebug Firepath Selenium WebDriver. Installation of Firebug. Firebug is a Firefox add-on that we will use to inspect the HTML elements of the web application under test.
  • Firepath Addon for Firefox Before explaining how to install Firepath, I would like to explain why Firepath is used in Selenium Test Automation. Firepath is used to create the CSS and XPath locators to locate the UI elements of the Web Application Under Test.

FireBug :

Add-ons

Firebug is a Add-Ons of Mozzila Firefox browser,Basically You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page to any Specific Object.


You Can Inspect To any Element in WebPage and Know About Page Source Code ,When you Click on FireBug Icon then a Console Window would open either in Bottom or in Left Side Panel Based on Selection of 'Dock Side' .

Similar Thing you can open Through Keyword 'F12' but in That Case you would not able To Use FirePath so In Order To use FirePath You Should Pick Element or object Through FireBug.



FirePath :

is a FireBug extension that adds a developmet tool to edit ,inspect and generate Xpath expressions and CSS3 selectors .
In FirePath you can Customize your Xpath and Create a Relative Xpath


Difference Between Absolute and Relative Xpath

How To install or How To add ons FireBug in FireFox :

Installation Step of FireBug is Very Easy so In order To Add FireBug User Should Have FireFox Browser upto version 47 ,Becuase it does not Support FireBug and FirePath In Latest FireFox Version so for Best Experience you should have FireFox version 47 .
  • Open FireFox Browser Version 47
  • Copy This URL - https://addons.mozilla.org/en-US/firefox/addon/firebug/
  • Paste This URL in Firefox Browser Address bar
  • Click on Green Butto 'Add To FireFox'

FireBug Installation

  • Click On Install Now Button

Firepath For Firefox Quantum

FireBug Installtion

  • Once Installation will complete ,Enter 'F12' Keyword To open Console
FireBug Installation Verification
For

Firepath For Firefox
FireBug Installation Verification


How To install or How To add ons FirePath in FireFox :

Installation Step of FireBug is Very Easy so In order To Add FireBug User Should Have FireFox Browser upto version 47 ,Becuase it does not Support FireBug and FirePath In Latest FireFox Version so for Best Experience you should have FireFox version 47 .
  • Open FireFox Browser Version 47
  • Copy This URL - https://addons.mozilla.org/en-US/firefox/addon/firePath/
  • Paste This URL in Firefox Browser Address bar
  • Click on Green Butto 'Add To FireFox'

FirePath Installation 1

  • Click on Install Now Button
FirePath Installation 2
Download
  • Once The Installation Will be Finished It will Ask you for 'Restart Browser' ,so Click on 'Restart Now' button then browser Will Restart .
FirePath Installation 3

Firepath For Firefox

  • In Order To verify Correct Installation Press Keyword 'F12' ,It will Open Console and FirePath Would be Available in Console as Menu Bar .
FirePath Installation 4

  • Red Marked Firepath Menu bar in Console Denotes thats our Installation is SuccessFully Completed.
  • To Know More About How To use FireFox and FirePath Please Click on This Link :-