How to use FireBug and Firepath ?
Lets inspect "Google Search" button on google page.
1.Open FireBug and click on the inspector(rectangle with cursor) and click on the "Google Search" button on Google.com
2.When you click on that button you will be able to see source code and also firebug highlight the source code for that particular element
3.Now Goto firepath option
4.Firepath will highlight both source code and the respective element on the webpage
5.Firepath will shows you the Xpath value by default and here the xpath values is :".//*[@id='tsf']/div/div/center/input"
6.If we want to see css value, we should change the option to css.
7.Sizzle is something like css only, no need to worry about it
Verify the Xpath and Css values
Firepath not only helps us to find the xpath value but also verify it.
In some cases fire path might not give you a unique element at that times we need to write our own xpath and css(we have seperately)
For example purpose let me write the a xpath and verify it.
To verify we need to write the xpath and place same xpath on the xpath edit bar on firepath and press "Enter Key"
Xpath Given by firepath: .//*[@id='tsf']/div/div/center/input
My own Xpath: //input[@name='btnK']
Myself KarthiQ, I am the author of this blog, I know ways to write a good article but some how I donot have the skills to make it to reach people, would you like help me to reach more people By sharing this Article in the social media.