it-swarm.com.de

Gibt es eine Möglichkeit, den xpath in google chrome zu bekommen?

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

Gibt es eine Möglichkeit, einen vollständigen X-Pfad zu kopieren?

293
GeoffreyF67

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

zB: $x("//img")

Das Suchfeld im Web-Inspector akzeptiert auch xpath

523
Matt Polito

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

193
zavidovych

Alle obigen Antworten sind richtig, auch mit Screenshot ist dies ein anderer Weg.

Von Chrome:

  1. Klicken Sie mit der rechten Maustaste auf den Eintrag, den Sie suchen, um den X-Pfad zu finden
  2. Klicken Sie mit der rechten Maustaste auf den hervorgehobenen Bereich der Konsole.
  3. Gehe zu xpath kopieren

 enter image description here

54
grepit

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

25
asadovsky

Keine Erweiterung in Chrom erforderlich. Klicken Sie mit der rechten Maustaste auf ein beliebiges Element, für das Sie xpath verwenden möchten, klicken Sie auf "Inspect Element" und dann erneut im Inspector. Klicken Sie mit der rechten Maustaste auf das Element und klicken Sie auf "Xpath kopieren". 

12
deepdive

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

Lesen Sie die Kommentare, es dauert jedoch drei Klicks, um den X-Pfad abzurufen.

9
Burt

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

1- Site im Browser öffnen 

2- Wählen Sie das Element aus und klicken Sie mit der rechten Maustaste darauf 

3- Klicken Sie auf die Option Element prüfen 

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

5- Option zum Kopieren von xPfad auswählen Verwenden Sie es, wo immer Sie es brauchen 

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

Hinweis: Für erweiterte Optionen von xpath müssen Sie Regex oder das Muster Ihrer HTML-Datei kennen.

9
Abdul Majeed

Seit dem letzten Update für Chrome können Sie nun auf ein beliebiges Element im Element-Inspector klicken und den XPath in die Zwischenablage kopieren.

9
Tricky

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 durch zwei Ansätze 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 bewerten und validieren.

Aus dem Bedienfeld Elemente

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

  2. Das Elementbedienfeld 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, um sie auszuwerten.

  5. Wenn übereinstimmende Elemente vorhanden sind, werden sie in DOM hervorgehoben. Wenn jedoch übereinstimmende Zeichenfolgen in DOM vorhanden sind, werden sie ebenfalls als gültige Ergebnisse betrachtet. Der Header des CSS-Selektors sollte beispielsweise mit allem übereinstimmen (Inline-CSS, Skripts usw.), das den Word-Header enthält, und nicht nur mit Elementen übereinstimmen.

 enter image description here

Im Konsolenfenster

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

  2. Wechseln Sie in das Konsolenfenster.

  3. Geben Sie XPath wie $x(".//header") ein, um es auszuwerten und zu überprüfen.

  4. Geben Sie CSS-Selektoren wie $$("header") ein, um sie auszuwerten und zu überprüfen.

  5. Überprü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 rotem Text 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.
8
Shubham Jain

Klicken Sie einfach mit der rechten Maustaste auf das Element, für das Sie den xpath möchten, und Sie werden ein Menüelement zum Kopieren sehen. Dies war vielleicht nicht der Fall, als das OP seinen Posten gemacht hatte, aber es ist jetzt sicherlich da.

4
RAAAAAAAANDY

In Firebug in Firefox können Sie nach der Prüfung mit der rechten Maustaste auf ein Element klicken und "XPath kopieren" wählen. Ich konnte ChromYQLip nicht dazu bringen, reibungslos zu funktionieren.

3
Ivan

Etwas OT, aber vielleicht nützlich: Unter Mac Chrome können Sie zwar den Xpath nicht aus dem Suchfeld im Dev-Werkzeuge-Bedienfeld kopieren (stattdessen kopiert der Knoten den Knoten als HTML), Sie können den Text jedoch in einen externen Editor ziehen.

1
Ben Weiner

Verwenden Sie diese Erweiterung, um xpaths basierend auf id oder class zu generieren. 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. Klicken Sie dann auf ein beliebiges Element, um Ihren Xpath zu erhalten.

XPath Generator


Die oben genannte Chrome-Extension-Lösung ist für Java-Projekt-Jar-Plug-Ins kompatibel: Während Chrome sowohl XPath als auch Selector bietet, tendieren beide dazu, standardmäßig "id" oder andere sich dynamisch ändernde Elemente zuzuordnen. Die obige Frage ist von der Notwendigkeit abhängig, sich auf permanente Attribute zu verlassen. https://www.burlingtonvisionandlab.com/Downloads/TuSqK231LashowXPathSE7HTML/showXPathSE1_7Table.html

Das herunterladbare Gratis-Jar zeigt einen längeren Pfad mit Auswahlmerkmalen für die Reichweite.

0
ospider

Ich habe fast alle verfügbaren Erweiterungen ausprobiert und fand das Folgende als eines der besten.

ChroPath Extension-Link

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

 enter image description here

0
Harish Kannan