Firebug and FirePath are add-ons of firefox
Firebug is usually used to identify objects within the DOM (Document Object Model) structure. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath expressions and CSS3 Selectors. It is a objectid locator formed to uniquely identify object within DOM. It helps in also passing them as identifiers within your scripts.
2. Write Install Firebug in the search box and Click enter.
3. Click Download Firebug link in the Suggestions.
4. Below window will open. You can click the Download link as per your Firefox version.
5. Click the latest link in the below window and downloading will be started.
2. Click Firefox menu and Select Addons.
3. Add-ons Manager window will be opened.Click Get Add-ons tab.
4. Write Firepath in the search box and click Enter.
5. FirePath icon will be displayed in the available Add-ons. Click Install button of FirePath and the FirePath is successfully installed into your browser.
After installation, Firebug and FirePath will be available in the Extensions Tab of the Add-ons Manager as shown:
2. Select "Inspect element using Firebug" option.
3. A window will open at the bottom of the page showing the element's html content. The element can have attributes like id, name, class etc which can be used to find the element in your scripts.
4. If you want to get the Xpath or CSS value of the element then click the FirePath panel as marked in red and select Xpath or CSS from dropdown as per your choice.
5. Now click the icon marked in red in the below image, move your cursor to the element and click it.
Firebug is usually used to identify objects within the DOM (Document Object Model) structure. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath expressions and CSS3 Selectors. It is a objectid locator formed to uniquely identify object within DOM. It helps in also passing them as identifiers within your scripts.
Steps to install Firebug
1. Open Firefox browser and go to www.google.com2. Write Install Firebug in the search box and Click enter.
3. Click Download Firebug link in the Suggestions.
4. Below window will open. You can click the Download link as per your Firefox version.
5. Click the latest link in the below window and downloading will be started.
6. A window will appear once the download gets completed. Click Install Now on the window and the Firebug will be installed successfully.
Steps to install FirePath
1. Open Firefox browser2. Click Firefox menu and Select Addons.
3. Add-ons Manager window will be opened.Click Get Add-ons tab.
4. Write Firepath in the search box and click Enter.
5. FirePath icon will be displayed in the available Add-ons. Click Install button of FirePath and the FirePath is successfully installed into your browser.
After installation, Firebug and FirePath will be available in the Extensions Tab of the Add-ons Manager as shown:
How to use Firebug and Firepath?
1. Right click on the element to be inspected on web page.2. Select "Inspect element using Firebug" option.
3. A window will open at the bottom of the page showing the element's html content. The element can have attributes like id, name, class etc which can be used to find the element in your scripts.
4. If you want to get the Xpath or CSS value of the element then click the FirePath panel as marked in red and select Xpath or CSS from dropdown as per your choice.
5. Now click the icon marked in red in the below image, move your cursor to the element and click it.
6. The Xpath/Css value will be appeared in the text box. The identified Xpath or CSS value can also be used to find the element in your selenium scripts.
No comments:
Post a Comment