web-dev-qa-db-ja.com

Firefoxインスペクターから要素のXPathを取得するにはどうすればよいですか?

Firefoxの「要素の検査」機能(Q)を使用して要素のXPathを取得することは可能ですか?

Chromeインスペクタはこれを行うことができますが、Firefoxのインスペクタで[一意のセレクタをコピー]オプションを使用すると、XPathではなく別の形式のセレクタが表示されます。

拡張機能があることは知っていますが、拡張機能なしで可能ですか?

8
Superbest

それは可能ですが、誰かがそれを数回以上試すかどうかは疑問です

一意のセレクターをコピーする

スクラッチパッドを開く

環境をブラウザに切り替えます

次のスニペットを貼り付けます

Cu.import("resource:///modules/sessionstore/XPathGenerator.jsm");
XPathGenerator.generate(content.document.querySelector("unique selector placeholder"));

一意のセレクターを貼り付け、[実行]メニューから[表示]を選択します。

2
paa

この質問は古いことは知っていますが、この機能はFirefoxQuantumの開発ツールに存在します。

検査後、タグを右クリックして[コピー]-> [XPath]を選択できます。

enter image description here

1
NH.

FirefoxでFirebug拡張機能を使用して、xpath式を取得できます。 Chrome Inspectorまたはfirebugは、クラス、ID、または関連する属性などの属性に基づく、より正確なxpathを生成しません(以下の例)。

//div[@class="address"]
//span[@id='phone']

そのため、 http://webdata-scraping.com/xpath-generator/ のようなxp​​ath式ジェネレーターツールを使用できます。

さまざまなタイプのXpathを生成するためのポイントアンドクリックのユーザーインターフェイスがあります。

0
Keval Kothari