Google ChromeでXPathを取得する方法はありますか？

YQLで使用したいWebページがあります。しかし、特定のアイテムのXPathが必要です。Google Chromeのデバッグツール領域で確認できますが、XPathをコピーする方法がわかりません。

完全なXPathをコピーする方法はありますか？

$xChrome JavaScriptコンソールで使用できます。拡張は必要ありません。

例： $x("//img")

また、Webインスペクタの検索ボックスはxpathを受け入れます

ノードを右クリック=> "XPathをコピー"

上記のすべての答えは正しいです。ここではスクリーンショットを使用する別の方法もあります。

Chromeから：

1. xpathを見つけようとしているアイテムを右クリックして「検査」
2. コンソールの強調表示された領域を右クリックします。
3. xpathのコピーに移動します

XPath Helper拡張機能が必要なことを実行します：https : //chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

現在、Chromeで拡張機能は必要ありません。xpathを適用する要素を右クリックして[要素の検査]をクリックし、インスペクタ内でもう一度要素を右クリックして[Xpathのコピー]をクリックします。

Google Chromeは、「Chrome DevTools」と呼ばれる組み込みのデバッグツールを提供します。これには、サードパーティの拡張機能なしでXPath / CSSセレクターを評価または検証できる便利な機能が含まれています。

これは、次の2つの方法で実行できます。

要素パネル内の検索機能を使用して、XPath / CSSセレクターを評価し、DOM内の一致するノードを強調表示します。評価と検証の両方を行うコンソールパネルでトークン$ x（ "some_xpath"）または$$（ "css-selectors"）を実行します。

要素パネルから

1. F12キーを押してChrome DevToolsを開きます。

2. 要素パネルはデフォルトで開かれるべきです。

3. パネルでDOM検索を有効にするには、Ctrl + Fを押します。

4. 評価するXPathまたはCSSセレクターを入力します。

5. 一致する要素がある場合、それらはDOMで強調表示されます。ただし、DOM内に一致する文字列がある場合、それらも有効な結果と見なされます。たとえば、CSSセレクターヘッダーは、要素のみではなく、ヘッダーという単語を含むすべて（インラインCSS、スクリプトなど）と一致する必要があります。

コンソールパネルから

1. F12キーを押してChrome DevToolsを開きます。

2. コンソールパネルに切り替えます。

3. XPathを入力して、$x(".//header")評価と検証を行います。

4. $$("header")評価および検証するCSSセレクターを入力します。

5. コンソール実行から返された結果を確認します。

要素が一致した場合、それらはリストで返されます。それ以外の場合は、空のリスト[]が表示されます。

$x(".//article")
[<article class="unit-article layout-post">…</article>]

$x(".//not-a-tag")
[ ]

XPathまたはCSSセレクターが無効な場合、例外は赤いテキストで表示されます。例えば：

$x(".//header/")
SyntaxError: Failed to execute 'evaluate' on 'Document': The string './/header/' is not a valid XPath expression.

$$("header[id=]")
SyntaxError: Failed to execute 'querySelectorAll' on 'Document': 'header[id=]' is not a valid selector.

任意の要素のxpathを見つける簡単な式を教えてください。

1-ブラウザでサイトを開く

2-要素を選択して右クリックします

3-要素検査オプションをクリック

4-選択したhtmlを右クリック

5- xpathをコピーするオプションを選択する

このビデオリンクはあなたのために役立ちます。 http://screencast.com/t/afXsaQXru

注：xpathの詳細オプションについては、htmlの正規表現またはパターンを知っている必要があります。

xpathOnClickはあなたが探しているものを持っています：https ://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

コメントを読んでも、実際にはxpathを取得するには3回のクリックが必要です。

chromeの最新の更新では、要素インスペクターで任意の要素をクリックして、XPathをクリップボードにコピーできるようになりました。

たとえばChromeの場合：

1. XPathを検索しようとしているアイテムを右クリックします。
2. HTML DOMの強調表示された領域を右クリックします。
3. 「コピー」に移動し、「XPathのコピー」を選択します。
4. 上記のステップの後、DOMから要素の絶対XPathを取得します。
5. 相対XPathにするために変更を加えることができます（DOMが変更されても、XPathは要素を見つけることができるためです）。

a。これを行うには、ブラウザーの「要素」パネルを開いてCTRL + Fを押し、XPathを貼り付けます。

b。次の例の説明に従って変更を行います。

絶対xpath = // * [@ id = "app"] / div [1] / header / nav / div [2] / ul / li [2] / div / button

関連するxpath = // div // nav / div [2] / ul / li [2] / div / button

変更を加える場合：

1. XPathがDOM内で一意であることを確認してください。
2. それでも、Web要素はDOMとWebページで選択されています。

XPathを適用する要素を右クリックすると、それをコピーするためのメニュー項目が表示されます。これは、OPが投稿した時点では存在していなかったかもしれませんが、現在は確かに存在しています。

FirefoxのFirebugでは、要素を調べて右クリックし、[XPathのコピー]を選択できます。ChromYQLipをスムーズに動作させることができませんでした。

Webページを右クリックして相対XPathを動的に生成し、すべてのXPathをメニュー項目として表示するChrome Web Extension TruePathを使用してみてください。

少しOTですが、おそらく便利です。MacChromeでは、開発ツールパネルの検索ボックスからxpathをコピーすることはできません（代わりにノードをHTMLとしてコピーする）ことはできませんが、テキストを外部エディターにドラッグアンドドロップできます。

私は利用可能なほとんどすべての拡張機能を試してみましたが、以下が最良の拡張機能の1つであることがわかりました。

ChroPath Extensionリンク

FirePathと同様に、この拡張機能はInspectをクリックしたときに直接Xpathを提供します。

プレスCntl + Shift + C
あなたはそのを取得したい要素を選択XPathしてクリックし、
right clickコンソールで強調表示部分には
copy- >copy XPath

この拡張機能を使用すると、IDまたはクラスに基づいてxpathが生成されます。これは、おそらく使用したいものです。

ブラウザーのアイコンをクリックすると、パネルがページの右隅に表示されます。次に、[検査の開始]をクリックし、任意の要素をクリックして、xpathを取得します。

XPathジェネレーター