We learnt how to Install firebug as well as firepath improver In Mozilla Firefox browser In my previous post. Now this Is fourth dimension to larn how to get XPath as well as CSS Path of whatsoever chemical component using firebug as well as firepath add-on. If yous remember, We already learnt unlike ways to get XPath of whatsoever element
using many unlike examples In THIS POST. So I volition non depict same affair here. We volition expect alone at how to role firebug as well as firepath improver to conk XPath as well as CSS Path In this post. There are ii types of XPath. 1. Relative XPath 2. Absolute XPath. You tin read divergence betwixt Relative as well as Absolute XPath on THIS PAGE.
We volition role "First name" text box which Is given on THIS PAGE to conk Its the XPath as well as CSS Path.
Get Relative XPath of Element using firebug as well as firepath
Steps to conk relative XPath
Go to THIS PAGE.
- Click on Firebug Icon from toolbar every bit shown In bellow Image. It volition opened upward firebug Inspector window.
- Select FirePath tab from firebug window.
- Click on firebug Inspector Icon.
- Click on "First name" text box.
- You volition get relative XPath of "First name" text box In XPath text box.
Get Absolute XPath of Element using firebug as well as firepath
Only divergence betwixt steps to conk relative XPath as well as absolute XPath Is yous postulate to choose "Generate absolute XPath" pick from FirePath tab pick selector every bit bellow.
Steps to conk absolute XPath.
Go to THIS PAGE.
- Click on Firebug Icon from toolbar.
- Select FirePath tab.
- Select "Generate absolute XPath" pick from FirePath tab pick selector.
- Follow steps iii to five of conk relative XPath section. You volition conk absolute XPath of element as shown In bellow Image.
Get CSS Path of Element using firebug as well as firepath
Now yous know steps to conk XPath of chemical component using firebug as well as firepath. You postulate to choose CSS to conk CSS path of whatsoever chemical component every bit described In bellow Image.
Steps to conk CSS path of element.
- Select CSS every bit shown In bellow Image.
- Follow steps iii to five of conk relative XPath section. You volition CSS path of chemical component every bit shown In bellow Image.
This agency nosotros tin role firebug as well as firepath add together on to conk XPath or CSS path of whatsoever element. Also yous tin sentiment THIS POST to know how to role firebug as well as firepath amongst webdriver firefox instance.