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

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

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

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

Ex: $x("//img")

Auch das Suchfeld im Webinspektor akzeptiert xpath

Klicken Sie mit der rechten Maustaste auf den Knoten => "XPath kopieren"

Alle obigen Antworten sind hier richtig. Dies ist auch ein anderer Weg mit Screenshot.

Von Chrome:

1. Klicken Sie mit der rechten Maustaste auf "Überprüfen" des Elements, das 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

Die XPath Helper-Erweiterung bietet genau das, was Sie benötigen: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

In Chrom ist jetzt keine Erweiterung erforderlich. Klicken Sie mit der rechten Maustaste auf ein Element, für das Sie xpath möchten, und klicken Sie auf "Element überprüfen". Klicken Sie dann erneut im Inspektor mit der rechten Maustaste auf das Element und klicken Sie auf "Xpath kopieren".

Google Chrome bietet ein integriertes Debugging-Tool namens " Chrome DevTools ", das eine praktische Funktion enthält, mit der XPath / CSS-Selektoren ohne Erweiterungen von Drittanbietern bewertet oder validiert werden können.

Dies kann auf zwei Arten erfolgen:

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

Im Elementfenster

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

2. Das Elementfenster sollte standardmäßig geöffnet sein.

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

4. Geben Sie zur Auswertung XPath- oder CSS-Selektoren ein.

5. Wenn übereinstimmende Elemente vorhanden sind, werden diese im DOM hervorgehoben. Wenn das DOM jedoch übereinstimmende Zeichenfolgen enthält, werden diese ebenfalls als gültige Ergebnisse betrachtet. Beispielsweise sollte der CSS-Auswahlkopf mit allem übereinstimmen (Inline-CSS, Skripte usw.), das den Wortkopf enthält, anstatt nur mit Elementen übereinzustimmen.

Über das Konsolenfenster

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

2. Wechseln Sie zum Konsolenfenster.

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

4. Geben Sie CSS-Selektoren ein $$("header"), die bewertet und validiert werden sollen.

5. Überprüfen Sie die Ergebnisse der Konsolenausführung.

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.

Lassen Sie sich eine einfache Formel geben, um xpath eines Elements zu finden:

1- Öffnen Sie die Site im Browser

2- Element auswählen und mit der rechten Maustaste darauf klicken

3- Klicken Sie auf die Option Element überprüfen

4- Klicken Sie mit der rechten Maustaste auf das ausgewählte HTML

5- Wählen Sie die Option zum Kopieren von xpath. Verwenden Sie sie, wo immer Sie sie benötigen

Dieser Videolink ist hilfreich für Sie. http://screencast.com/t/afXsaQXru

Hinweis: Für erweiterte Optionen von xpath müssen Sie den regulären Ausdruck oder das Muster Ihres HTML-Codes kennen.

xpathOnClick hat das, wonach Sie suchen: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

Lesen Sie die Kommentare, es dauert tatsächlich drei Klicks, um den xpath zu erhalten.

Ab dem neuesten Update für Chrome können Sie jetzt auf jedes Element im Elementinspektor klicken und den XPath in die Zwischenablage kopieren.

Für Chrome zum Beispiel:

1. Klicken Sie mit der rechten Maustaste auf "Überprüfen" des Elements, das Sie suchen, um den XPath zu finden.
2. Klicken Sie mit der rechten Maustaste auf den markierten Bereich im HTML-DOM.
3. Gehen Sie zu Kopieren> wählen Sie 'XPath kopieren'.
4. Nach dem obigen Schritt erhalten Sie den absoluten XPath des Elements von DOM.
5. Sie können Änderungen vornehmen, um es zu einem relativen XPath zu machen (denn wenn sich das DOM ändert, kann Ihr XPath das Element trotzdem finden).

ein. Drücken Sie dazu durch Öffnen des Bedienfelds 'Elemente' des Browsers STRG + F und fügen Sie den XPath ein.

b. Nehmen Sie die Änderungen wie im folgenden Beispiel beschrieben vor.

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

Verwandte xpath = // div // nav / div [2] / ul / li [2] / div / button

Wenn Sie Änderungen vornehmen:

1. Stellen Sie sicher, dass der XPath innerhalb des DOM eindeutig ist.
2. Das Webelement wird weiterhin im DOM und auf der Webseite ausgewählt.

Klicken Sie einfach mit der rechten Maustaste auf das Element, für das Sie den xpath möchten, und Sie sehen einen Menüpunkt, um ihn zu kopieren. Dies mag nicht existiert haben, als das OP seinen Posten gemacht hat, aber es ist jetzt sicher da.

In Firebug in Firefox können Sie nach der Überprüfung mit der rechten Maustaste auf ein Element klicken und XPath kopieren auswählen. Ich konnte ChromYQLip nicht zum reibungslosen Funktionieren bringen.

Sie können versuchen, die Chrome Web Extension TruePath zu verwenden, die den relativen XPath dynamisch generiert , indem Sie mit der rechten Maustaste auf die Webseite klicken und alle XPath als Menüelemente anzeigen.

Etwas OT, aber vielleicht nützlich: Unter Mac Chrome können Sie den Text in einen externen Editor ziehen und dort ablegen, obwohl Sie den xpath nicht aus dem Suchfeld im Dev-Tools-Bedienfeld kopieren können (stattdessen wird der Knoten als HTML kopiert).

Ich habe fast alle verfügbaren Erweiterungen ausprobiert und fand, dass die folgenden eine der besten ist.

ChroPath-Erweiterungslink

Genau wie FirePath erhalten Sie mit dieser Erweiterung direkt den Xpath, wenn Sie auf Inspect klicken.

Drücken Sie, Cntl + Shift + C
um das Element auszuwählen, das Sie erhalten möchten, XPathindem Sie
right clickauf das markierte Teil in der Konsole klicken
copy->copy XPath

Wenn Sie diese Erweiterung verwenden, werden xpaths basierend auf der ID oder der Klasse generiert. Dies ist wahrscheinlich das, was Sie verwenden möchten.

Klicken Sie auf das Browsersymbol. Das Bedienfeld wird in der rechten Ecke der Seite angezeigt. Klicken Sie dann auf Inspektion starten und dann auf ein Element, um Ihren xpath zu erhalten.

XPath Generator