web-dev-qa-db-de.com

So erhalten Sie das DOM-Element Xpath in Firefox

Es könnte nur ich sein, aber ich kann in Firefox keine Möglichkeit finden, den XPATH des DOM-Elements zu erhalten.

Das war in Firebug möglich, aber jetzt ist es zugunsten der Firefox-Entwicklertools veraltet, und es wird empfohlen, es nicht mehr zu verwenden.

Gibt es eine Möglichkeit, XPATH in Firefox und seinen Entwicklertools abzurufen?

4
Oleg Mikheev

Diese Funktion steht in den Firefox DevTools seit Firefox 56 zur Verfügung. Um den X-Pfad eines Elements zu kopieren, klicken Sie mit der rechten Maustaste im Inspector darauf und wählen Sie Kopieren > X-Pfad aus dem Kontextmenü.

 Copy Xpath option in Firefox DevTools

In früheren Versionen von Firefox wurde die Option in die erste Ebene des Kontextmenüs gestellt. Als weitere Kopieroptionen hinzugefügt wurden, wurden sie in das Untermenü Kopieren verschoben.

4

Öffnen Sie die Entwicklertools in Firefox und gehen Sie dann folgendermaßen vor:

  1. Klicken Sie auf Console tab.
  2. Geben Sie allow paste ein, wenn Sie etwas einfügen.
  3. Geben Sie den XPath wie folgt ein:

    $x("path")
    

    Zum Beispiel:

    $x(".//*[@id='4th']/tbody/tr[1]/td")
    

Firebug funktioniert auch gut, daher schlage ich vor, dies stattdessen zu verwenden.

4
Alvin Bunk

Auch wenn es in Firfox V57/Quantum keine Erweiterung für Firbug gibt. Trotzdem können wir den gleichen Vorgang ausführen, den wir zuvor mit Hilfe von Firebug durchgeführt haben, und zwar jetzt im Firefox-Entwicklungstool. Das Firefox-Entwicklungstool bietet erweiterte Funktionen als der normale Browser. Es ist also hilfreich für UIDesigner oder Entwickler.

Funktionen im Developer Tool - Funktionen im Developer Tool

So installieren Sie das Firefox Developer Tool - Firefox Developer Tool

Für XPath: Wählen Sie ein Element aus, indem Sie mit der rechten Maustaste darauf klicken, und wählen Sie "Element überprüfen" (Q). Anschließend wird das Element/Tag im Inspector Developer Tool hervorgehoben. Klicken Sie dann mit der rechten Maustaste auf das Tag und wählen Sie Kopieren => Xpath oder CssPath.

der von der obigen Option bereitgestellte xpath oder Css ist jedoch nicht immer korrekt, wenn die Anwendung dynamisch ist oder dynamische IDs usw. aufweist. Verwenden Sie also besser die Option console/select console option (Drücken Sie F12).

Für Xpath => müssen wir ($ x) verwenden: >> $ x ("// p") Es wird alles p -Tag geben.

Für Css path => müssen wir ($$) verwenden. Beispiel: >> $$ ("p") dann Enter Es werden alle p -Tags ausgegeben.

1
Avinash Pande

Sie können den XPath in Quantum abrufen, indem Sie mit der rechten Maustaste auf das Element html im Inspector klicken und Kopieren> XPath auswählen. Zum Beispiel.

 enter image description here

Zum Beispiel gibt der folgende HTML-Code den Pfad an: -/html/body/form/table/tbody/tr [2]/td [2]/table/tbody/tr [2]/td/table 1 / tbody/tr [4]/td 1

1
user1554876

Sie können auch das X-Pfad-Add-on https://addons.mozilla.org/nn-NO/firefox/tag/xpath verwenden, um den X-Pfad abzurufen

0
user9499349

Sie können auch eine frühere Version von Firefox über die Seite release herunterladen.
Stellen Sie sicher, dass Sie die automatische Aktualisierung deaktivieren andernfalls wird Ihr Browser auf eine neue Aktualisierung umgestellt.

0
jaibalaji