Firefoxインスペクターから要素のXPathを取得する方法は?


8

Firefoxの「要素の検査」関数(Q)を使用して要素のXPathを取得することはできますか?

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

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

回答:


2

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

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

スクラッチパッドを開く

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

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

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

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


1

私はこの質問が古いことを知っていますが、この機能は現在Firefox Quantumの開発者ツールに存在しています。

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

ここに画像の説明を入力してください


0

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

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

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

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


XPath Generatorへのリンクをありがとう。FireBugの子孫がFirefoxでのXPathの生成をサポートしていないのは苛立たしいので、そのツールはその機能の有用な代替品です。
NewSites 2017
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.