web-dev-qa-db-ja.com

FirefoxでDOM要素Xpathを取得する方法

私だけかもしれませんが、FirefoxでDOM要素のXPATHを取得する方法が見つかりません。

これはFirebugで可能でしたが、Firefox Developer Toolsを優先して非推奨になり、今後は使用しないことをお勧めします。

では、Firefoxとその開発ツールでXPATHを取得する方法はありますか?

5
Oleg Mikheev

この機能は、 Firefox 56 以降、FirefoxDevToolsで使用できます。要素のXpathをコピーするには、Inspector内で要素を右クリックし、Copy>を選択します。コンテキストメニューからのXpath

Copy Xpath option in Firefox DevTools

Firefoxの以前のバージョンでは、オプションはコンテキストメニューの最初のレベルに配置されていました。さらにコピーオプションが追加されると、それらはコピーサブメニューに移動されました。

5

Firefoxで開発者ツールを開き、次の手順を実行します。

  1. コンソールタブをクリックします。
  2. タイプallow paste何かを貼り付けている場合。
  3. 次のようにXPathを入力します。

    $x("path")
    

    例えば:

    $x(".//*[@id='4th']/tbody/tr[1]/td")
    

Firebugもうまく機能するので、代わりにそれを使用することをお勧めします。

6
Alvin Bunk

Firfox V57/QuantumにFirbugで使用できる拡張機能がない場合でも。それでも、Firefox開発ツールでfirebugを使用して以前に実行したのと同じ操作を実行できます。 Firefox開発ツールは、通常のブラウザよりも高度な機能を備えています。したがって、UIDesignerやその他の開発者にとって役立ちます。

開発者ツールの機能- 開発者ツールの機能

Firefox DeveloperToolをインストールしてダウンロードするには- Firefox Developer Tool

XPathの場合:要素を右クリックして選択し、要素の検査(Q)を選択すると、要素/タグがインスペクター開発者ツールの下で強調表示されます。次に、タグを右クリックして、[コピー] => [Xpath]または[CssPath]を選択します。

ただし、アプリケーションが動的であるか、動的IDなどがある場合、上記のオプションで提供されるxpathまたはCssは常に正しいとは限りません...したがって、consoleオプションを使用する/コンソールオプションを選択する(を押すF12)許可ペーストを書き込んで入力します。

Xpathの場合=>($ x)の例を使用する必要があります:>> $ x( "// p")すべてpタグ。

Cssパスの場合=>($$)を使用する必要があります例:>> $$( "p")thenEnter すべてのpタグを付けます。

1
Avinash Pande

インスペクターで要素htmlを右クリックし、[コピー]> [XPath]を選択すると、QuantumでXPathを取得できます。例えば。

enter image description here

たとえば、以下のhtmlは、Xpathを-/ html/body/form/table/tbody/tr [2]/td [2]/table/tbody/tr [2]/td/table 1 /tbody/tr [4]/td 1

1
user1554876

Xパスアドオンを使用することもできます https://addons.mozilla.org/nn-NO/firefox/tag/xpath xパスを取得する

0
user9499349

リリースページ から使用してFirefoxの以前のバージョンを入手することもできます。
自動更新を無効にしてください。無効にしないと、ブラウザが新しいブラウザにアップグレードされます。

0
jaibalaji