web-dev-qa-db-ja.com

firefoxインスペクターで要素のxpathを見つける方法

Firefox 50.1では、Firebugは使用できなくなったため、インスペクターを使用する必要がありますが、Firebugで使用可能なcopy ---> xpathオプションが見つかりません。インスペクターを使用して要素のxpathを見つけるにはどうすればよいですか?

28
papakias

Firefoxインスペクターから「XPathをコピー」する機能を失うことに関連するバグは修正され、Firefox 56ベータ版で検証され、Firefox 57アルファ版で検証されました: https://bugzilla.mozilla.org/show_bug.cgi?id= 987877

8
Morte Descovich

以下の手順に従ってください:

ステップ1:Right click on page -> Select (Inspect Element)

ステップ2:Pick an element from the page

ステップ3:Right Click on highlighted html -> Copy -> Xpath

enter image description here

24
Nanhe Kumar

コンソールを使用して、目的のxpathが正しい要素を返すかどうかを確認できます。 $x("//div/xpath")https://developer.mozilla.org/en-US/docs/Tools/Settings

20
mosaad

できません、firefoxのインスペクターにはそのような機能がありません。ただし、他のさまざまなツールでxpathに変換できるcssセレクターを提供します。

ただし、これらの生成されたセレクター(xpathまたはcss)は正確または信頼性が高くないため、まれなEdgeケース以外ではこの機能を使用しないでください。

3
Granitosaurus

Firefoxでは、次のようなxp​​ath検証のためにWeb開発者ツールコンソールを使用できます。

1. Web Developerツールを開きます。

2.コンソールをクリック

3.タイプ$ x( "path")

これにより、パスが有効であることを検証できます。

2
New Guy

残念ながら、これは適切に機能しません。 copy xpathを使用すると、通常のものの代わりにこれを取得しました:// * [@ id = "gwt-uid-105"]これはただ役に立たない:(

現在、これを解決できる拡張機能はありません。古いバージョンのFFを実行することが唯一の方法のようです。古い32ビットバージョンと新しい64ビットバージョンを使用できます。

2
Balazs

私はこれが質問に直接答えないことを知っていますが、それは私を大いに助けました、 Pale Moon を使用してください:

  1. Pale Moonブラウザで任意のWebページを開きます
  2. ページの要素を右クリックします
  3. 選択:「開発者ツールで要素を検査」(要素が強調表示されたウィンドウが表示されます)
  4. ハイライトされた要素を右クリック
  5. 「XPathをコピー」を選択します

そして、あなたはそれを持っています。要素にidがある場合でも、「完全な」xpathを取得します。

0
Josip