CODEWITHSUNDEEP
firefoxxpath
papakias
papakias

Reputation: 3473

How to find xpath of an element in firefox inspector

In Firefox 50.1, Firebug is no longer available so I have to use the inspector but I cannot find copy ---> xpath option that was available in Firebug. How can I find the xpath of an element using the inspector?

Upvotes: 55

Views: 135753

Answers (10)

Artem Krosheninnikov
Artem Krosheninnikov

Reputation: 156

This is an old question but I'm glad to say that since FF 75 it supports searching by XPath, look at documentation. Here is a link to their blog entry

Upvotes: 0

New Guy
New Guy

Reputation: 393

In Firefox you can use the web developer tools console for xpath validation like this:

1.Open Web Developer tools.

2.Click on Console

3.Type $x("path")

This should let you validate that your path is valid.

Upvotes: 11

Josip
Josip

Reputation: 75

I know that this doesn't answer directly to the question but it helped me a lot, use Pale Moon:

  1. Open any web page in Pale Moon browser
  2. Right click on an element of the page
  3. Select: "Inspect Element with Developer Tools" (a window shows up with element highlighted)
  4. Right click highlighted element
  5. Select: "Copy XPath"

And there you have it. You will get a "full" xpath even if the element has an id.

Upvotes: -1

becixb
becixb

Reputation: 373

I would rather you study how to create xpath on your own to select the element you need. It's very simple and very very helpful specially when creating reusable methods/functions.

Go and see the xpath tutorial at w3schools or wherever.

Focus on the relationships between elements.

Edit: Once you know how to construct a good-looking xpath, you can now test it using the browser console as mentioned by @mosaad. Still, you need to learn how to construct the xpath first. BTW, the copy xpath function wasn't available back in Jan '17. That is why I suggested he learn how to construct xpath. Even now that it is available though, I still suggest you learn because the xpath you get from those usually suck.

Upvotes: -8

Pavan kumar
Pavan kumar

Reputation: 11

Xpath Using Firefox Console: **
Answer referenced from **Xpath Using Firefox Console in selenium webdriver

Steps:

Press F12( common for all browsers), Now firefox open developer tool like below.

  1. Naviagte to console tab

  2. On the console editor we can verify our Xpath

  3. For verifying xpath we have to use our xpath in following format : $x("xpath")

Upvotes: 0

Balazs
Balazs

Reputation: 21

Unfortunately this doesn't work properly. When I use the copy xpath, I got this instead of the usual one: //*[@id="gwt-uid-105"] Which is just useless :(

There aren't any extension currently which could solve this. Looks like the only way is to run an old version of FF. Can have an old 32 bit and a new 64 bit version.

Upvotes: 2

Nanhe Kumar
Nanhe Kumar

Reputation: 16297

Follow Bellow Steps:

Step 1 : Right click on page -> Select (Inspect Element)

Step 2 : Pick an element from the page

Step 3 : Right Click on highlighted html -> Copy -> Xpath

enter image description here

Upvotes: 42

Morte Descovich
Morte Descovich

Reputation: 168

The bug related to losing ability to 'copy XPath' from firefox inspector is fixed, verified in Firefox 56 beta, and verified in Firefox 57 alpha: https://bugzilla.mozilla.org/show_bug.cgi?id=987877

Upvotes: 13

mosaad
mosaad

Reputation: 2371

You can use the console to check if the xpath you want return the correct element or not. $x("//div/xpath") https://developer.mozilla.org/en-US/docs/Tools/Settings

Upvotes: 47

Granitosaurus
Granitosaurus

Reputation: 21426

You can't, firefox's inspector does not have such feature. However it does offer css selector which can be converted to xpath with various other tools.

It should be noted however that these generated selectors (xpath or css) are not accurate or reliable and you should avoid using this feature for anything but rare edge cases.

Upvotes: 3

Related Questions