Gibt es eine Möglichkeit, den XPath in Google Chrome zu erhalten?

Question

Ich habe eine Webseite, die ich mit YQL verwenden möchte. Aber ich brauche den XPath eines bestimmten Elements. Ich kann es in der Debug-Tools-Bereich für Google Chrome sehen, aber ich sehe nicht eine Möglichkeit, diesen XPath zu kopieren.

Gibt es eine Möglichkeit, einen vollständigen XPath zu kopieren?

Answer 1

Sie können verwenden $x in der Chrome-Javascript-Konsole. Keine Erweiterungen erforderlich.

ex: $x("//img")

Auch das Suchfeld im Web Inspector akzeptiert xpath

Answer 2

Rechtsklick auf den Knoten => "XPath kopieren"

Answer 3

Alle oben genannten Antworten sind richtig, hier ist ein weiterer Weg mit Screenshot zu.

Von Chrome :

1. Klicken Sie mit der rechten Maustaste auf den Eintrag, den Sie suchen, um den xpath zu finden
2. Klicken Sie mit der rechten Maustaste auf den markierten Bereich in der Konsole.
3. Gehen Sie zu xpath kopieren

Answer 4

Die XPath Helper-Erweiterung tut, was Sie brauchen: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

Answer 5

Google Chrome bietet ein eingebautes Debugging-Tool namens " Chrome DevTools ", das eine praktische Funktion enthält, die XPath/CSS-Selektoren ohne Erweiterungen von Drittanbietern auswerten oder validieren kann.

Dies kann auf zwei Arten geschehen:

Verwenden Sie die Suchfunktion im Elemente-Panel, um XPath/CSS-Selektoren auszuwerten und übereinstimmende Knoten im DOM zu markieren. Führen Sie die Token $x("some_xpath") oder $$("css-selectors") im Konsolen-Panel aus, die sowohl ausgewertet als auch validiert werden.

Vom Bedienfeld Elemente

1. Drücken Sie F12, um Chrome DevTools zu öffnen.

2. Das Elemente-Panel sollte standardmäßig geöffnet sein.

3. Drücken Sie Strg + F, um die DOM-Suche im Panel zu aktivieren.

4. Geben Sie XPath- oder CSS-Selektoren ein, die ausgewertet werden sollen.

5. Wenn es übereinstimmende Elemente gibt, werden sie im DOM hervorgehoben. Wenn es jedoch übereinstimmende Zeichenketten innerhalb des DOM gibt, werden diese ebenfalls als gültige Ergebnisse betrachtet. Zum Beispiel sollte der CSS-Selektor header auf alles passen (Inline-CSS, Skripte usw.), das das Wort header enthält, anstatt nur auf Elemente zu passen.

Über das Bedienfeld Konsole

1. Drücken Sie F12, um Chrome DevTools zu öffnen.

2. Wechseln Sie zum Bedienfeld Konsole.

3. Geben Sie XPath ein wie $x(".//header") zu bewerten und zu validieren.

4. Geben Sie CSS-Selektoren ein wie $$("header") zu bewerten und zu validieren.

5. Prüfen Sie die von der Konsolenausführung zurückgegebenen Ergebnisse.

Wenn Elemente übereinstimmen, werden sie in einer Liste zurückgegeben. Andernfalls wird eine leere Liste [ ] angezeigt.

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

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

Wenn der XPath- oder CSS-Selektor ungültig ist, wird eine Ausnahme in roter Schrift angezeigt. Zum Beispiel:

$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.