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?
google-chrome
google-chrome-devtools
GeoffreyF67
quelle
quelle
Antworten:
Sie können
$x
in der Chrome-Javascript-Konsole verwenden. Keine Erweiterungen erforderlich.Ex:
$x("//img")
Auch das Suchfeld im Webinspektor akzeptiert xpath
quelle
Ctrl+Space
nicht verrät$x
. Wenn Sie nur tippen$x
, können Sie sehen, wie es erreicht wird. Daher sollte das OP bestimmen können, wie das erreicht werden soll, was es will. Zum Beispiel;document.evaluate('//h1', document, null, XPathResult.STRING_TYPE, null).stringValue
Klicken Sie mit der rechten Maustaste auf den Knoten => "XPath kopieren"
quelle
Alle obigen Antworten sind hier richtig. Dies ist auch ein anderer Weg mit Screenshot.
Von Chrome:
quelle
Die XPath Helper-Erweiterung bietet genau das, was Sie benötigen: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl
quelle
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".
quelle
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
Drücken Sie F12, um Chrome DevTools zu öffnen.
Das Elementfenster sollte standardmäßig geöffnet sein.
Drücken Sie Strg + F, um die DOM-Suche im Bedienfeld zu aktivieren.
Geben Sie zur Auswertung XPath- oder CSS-Selektoren ein.
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
Drücken Sie F12, um Chrome DevTools zu öffnen.
Wechseln Sie zum Konsolenfenster.
Geben Sie XPath ein
$x(".//header")
, um es zu bewerten und zu validieren.Geben Sie CSS-Selektoren ein
$$("header")
, die bewertet und validiert werden sollen.Überprüfen Sie die Ergebnisse der Konsolenausführung.
Wenn Elemente übereinstimmen, werden sie in einer Liste zurückgegeben. Andernfalls wird eine leere Liste [] angezeigt.
Wenn der XPath- oder CSS-Selektor ungültig ist, wird eine Ausnahme in roter Schrift angezeigt. Zum Beispiel:
quelle
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.
quelle
$x('//*[@id="answer-33492958"]/table/tbody/tr[1]/td[1]/div/a[1]')[0].click();
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.
quelle
Ab dem neuesten Update für Chrome können Sie jetzt auf jedes Element im Elementinspektor klicken und den XPath in die Zwischenablage kopieren.
quelle
Für Chrome zum Beispiel:
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:
quelle
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.
quelle
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.
quelle
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.
quelle
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).
quelle
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.
quelle
Drücken Sie,
Cntl + Shift + C
um das Element auszuwählen, das Sie erhalten möchten,
XPath
indem Sieright click
auf das markierte Teil in der Konsole klickencopy
->copy XPath
quelle
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
quelle