4 Möglichkeiten, XPath mit Firebug zu finden

Inhaltsverzeichnis:

4 Möglichkeiten, XPath mit Firebug zu finden
4 Möglichkeiten, XPath mit Firebug zu finden

Video: 4 Möglichkeiten, XPath mit Firebug zu finden

Video: 4 Möglichkeiten, XPath mit Firebug zu finden
Video: MacBook Pro (M1 Pro) 2021 - Windows 11 Installation (Parallels® Desktop 17) 2024, Kann
Anonim

Sie können XPath-Informationen für Website-Elemente mit den Entwicklertools der meisten Browser finden. Mit Firebug für Firefox können Sie XPath-Informationen direkt in Ihre Zwischenablage kopieren. Bei den meisten anderen Browsern finden Sie die XPath-Informationen für das Element in den Entwicklertools, müssen sie jedoch selbst formatieren.

Schritte

Methode 1 von 4: Verwenden von Firefox und Firebug

Finden Sie XPath mit Firebug Schritt 1
Finden Sie XPath mit Firebug Schritt 1

Schritt 1. Installieren Sie Firebug für Firefox

Firebug ist ein Webinspektor-Add-on für Firefox.

  • Klicken Sie auf die Firefox-Menüschaltfläche (☰) und wählen Sie "Add-ons".
  • Klicken Sie auf "Add-Ons herunterladen" und dann auf "Weitere Add-Ons erhalten!" Taste.
  • Suchen Sie nach "Firebug" und klicken Sie daneben auf die Schaltfläche "Zu Firefox hinzufügen".
  • Bestätigen Sie, dass Sie Firebug installieren möchten und starten Sie Firefox neu, wenn Sie dazu aufgefordert werden.
Finden Sie XPath mit Firebug Schritt 2
Finden Sie XPath mit Firebug Schritt 2

Schritt 2. Öffnen Sie die Website, die Sie überprüfen möchten

Sie können Firebug verwenden, um jedes Element auf einer Website zu überprüfen, um den XPath zu finden.

Finden Sie XPath mit Firebug Schritt 3
Finden Sie XPath mit Firebug Schritt 3

Schritt 3. Klicken Sie auf die Schaltfläche Firebug

Diese finden Sie in der oberen rechten Ecke des Fensters. Dies öffnet das Firebug-Panel am unteren Rand des Firefox-Fensters.

Finden Sie XPath mit Firebug Schritt 4
Finden Sie XPath mit Firebug Schritt 4

Schritt 4. Klicken Sie auf die Schaltfläche für den Elementinspektor

Diese finden Sie in der oberen Reihe der Schaltflächen im Firebug-Bedienfeld am unteren Rand des Fensters, direkt rechts neben der Schaltfläche Firebug-Optionen. Es sieht aus wie ein Kästchen, auf das ein Mauszeiger zeigt.

Finden Sie XPath mit Firebug Schritt 5
Finden Sie XPath mit Firebug Schritt 5

Schritt 5. Klicken Sie auf das Webseitenelement, das Sie überprüfen möchten

Wenn Sie den Cursor über die Webseite bewegen, werden verschiedene Elemente hervorgehoben. Klicken Sie auf diejenige, für die Sie den XPath suchen möchten.

Finden Sie XPath mit Firebug Schritt 6
Finden Sie XPath mit Firebug Schritt 6

Schritt 6. Klicken Sie mit der rechten Maustaste auf den markierten Code im Firebug-Bedienfeld

Wenn Sie auf ein Element in einer Webseite klicken, wird der zugehörige Code im Firebug-Bedienfeld unten im Fenster hervorgehoben. Klicken Sie mit der rechten Maustaste auf diesen hervorgehobenen Code.

Finden Sie XPath mit Firebug Schritt 7
Finden Sie XPath mit Firebug Schritt 7

Schritt 7. Wählen Sie "XPath kopieren" aus dem Menü

Dadurch werden die XPath-Informationen des Elements in Ihre Zwischenablage kopiert.

Wenn Sie "Minimalen XPath kopieren" auswählen, werden nur die grundlegenden XPath-Informationen kopiert

Finden Sie XPath mit Firebug Schritt 8
Finden Sie XPath mit Firebug Schritt 8

Schritt 8. Fügen Sie die kopierten XPath-Informationen an anderer Stelle ein

Sobald der Code kopiert wurde, können Sie ihn einfach an einer anderen Stelle einfügen, die Sie benötigen, indem Sie mit der rechten Maustaste klicken und "Einfügen" auswählen.

Methode 2 von 4: Chrome verwenden

Finden Sie XPath mit Firebug Schritt 9
Finden Sie XPath mit Firebug Schritt 9

Schritt 1. Öffnen Sie die Website, die Sie in Chrome überprüfen möchten

Sie müssen keine Erweiterungen installiert haben, um die XPath-Informationen von Website-Elementen zu finden, wenn Sie Chrome verwenden.

Finden Sie XPath mit Firebug Schritt 10
Finden Sie XPath mit Firebug Schritt 10

Schritt 2. Drücken Sie

F12 um den Website-Inspektor zu öffnen.

Dies wird auf der rechten Seite des Fensters angezeigt.

Finden Sie XPath mit Firebug Schritt 11
Finden Sie XPath mit Firebug Schritt 11

Schritt 3. Klicken Sie auf die Schaltfläche für den Elementinspektor

Sie finden diese in der oberen linken Ecke des Website-Inspektors. Die Schaltfläche sieht aus wie ein Kästchen, auf das ein Mauszeiger zeigt.

Finden Sie XPath mit Firebug Schritt 12
Finden Sie XPath mit Firebug Schritt 12

Schritt 4. Klicken Sie auf das Element auf der Website, das Sie überprüfen möchten

Die Elemente der Site werden hervorgehoben, wenn Sie den Mauszeiger darüber bewegen.

Finden Sie XPath mit Firebug Schritt 13
Finden Sie XPath mit Firebug Schritt 13

Schritt 5. Klicken Sie mit der rechten Maustaste auf den markierten Code im Inspektorfenster

Wenn Sie mit dem Inspektor auf ein Element klicken, wird der entsprechende Code automatisch im Inspektorfeld auf der rechten Seite des Fensters hervorgehoben. Klicken Sie mit der rechten Maustaste auf den markierten Code.

Finden Sie XPath mit Firebug Schritt 14
Finden Sie XPath mit Firebug Schritt 14

Schritt 6. Wählen Sie „Kopieren“→ „XPath kopieren

" Dadurch werden die XPath-Informationen des Elements in Ihre Zwischenablage kopiert.

Beachten Sie, dass dies nur die minimalen XPath-Informationen kopiert. Firebug für Firefox kann Ihnen die vollständigen XPath-Informationen liefern

Finden Sie XPath mit Firebug Schritt 15
Finden Sie XPath mit Firebug Schritt 15

Schritt 7. Fügen Sie die kopierten XPath-Informationen ein

Sie können Ihre kopierten XPath-Informationen wie alle kopierten Informationen einfügen, indem Sie mit der rechten Maustaste in ein Textfeld klicken und "Einfügen" auswählen.

Methode 3 von 4: Safari verwenden

Finden Sie XPath mit Firebug Schritt 16
Finden Sie XPath mit Firebug Schritt 16

Schritt 1. Klicken Sie auf das Safari-Menü und wählen Sie "Einstellungen

" Sie müssen das Menü "Entwickeln" aktivieren, um auf das Dienstprogramm Web Inspector zuzugreifen.

Finden Sie XPath mit Firebug Schritt 17
Finden Sie XPath mit Firebug Schritt 17

Schritt 2. Klicken Sie auf die Registerkarte "Erweitert"

Dadurch werden die erweiterten Safari-Einstellungen angezeigt.

Finden Sie XPath mit Firebug Schritt 18
Finden Sie XPath mit Firebug Schritt 18

Schritt 3. Aktivieren Sie das Kontrollkästchen "Entwicklungsmenü in der Menüleiste anzeigen"

Das Menü Entwickeln wird sofort in der Menüleiste angezeigt.

Finden Sie XPath mit Firebug Schritt 19
Finden Sie XPath mit Firebug Schritt 19

Schritt 4. Öffnen Sie die Website, die Sie überprüfen möchten

Schließen Sie das Menü Einstellungen und besuchen Sie die Website, die das Element enthält, für das Sie XPath abrufen möchten.

Finden Sie XPath mit Firebug Schritt 20
Finden Sie XPath mit Firebug Schritt 20

Schritt 5. Klicken Sie auf das Menü „Entwickeln“und wählen Sie „Webinspektor anzeigen

" Das Web Inspector-Bedienfeld wird unten im Fenster angezeigt.

Finden Sie XPath mit Firebug Schritt 21
Finden Sie XPath mit Firebug Schritt 21

Schritt 6. Klicken Sie auf die Schaltfläche "Elementauswahl starten"

Es sieht aus wie ein Fadenkreuz und befindet sich in der obersten Schaltflächenreihe im Web Inspector-Bedienfeld.

Finden Sie XPath mit Firebug Schritt 22
Finden Sie XPath mit Firebug Schritt 22

Schritt 7. Klicken Sie auf das Element auf der Website, das Sie überprüfen möchten

Dadurch wird der Code für dieses Element im Web Inspektor-Bedienfeld am unteren Rand des Fensters hervorgehoben.

Finden Sie XPath mit Firebug Schritt 23
Finden Sie XPath mit Firebug Schritt 23

Schritt 8. Notieren Sie sich die XPath-Informationen oben in der Struktur

Sie können den XPath nicht direkt kopieren, aber Sie können den vollständigen Pfad über dem im Web Inspector angezeigten Code sehen. Jede Registerkarte ist ein Pfadausdruck.

Methode 4 von 4: Verwenden von Internet Explorer

Finden Sie XPath mit Firebug Schritt 24
Finden Sie XPath mit Firebug Schritt 24

Schritt 1. Öffnen Sie die Website, die Sie überprüfen möchten, im Internet Explorer

Sie müssen nichts installieren, um den XPath im Internet Explorer zu finden. Öffnen Sie die Website, die das Element enthält, das Sie überprüfen möchten.

Finden Sie XPath mit Firebug Schritt 25
Finden Sie XPath mit Firebug Schritt 25

Schritt 2. Drücken Sie F12, um die Entwicklertools zu öffnen

Das Entwicklertools-Bedienfeld wird am unteren Rand des Fensters angezeigt.

Finden Sie XPath mit Firebug Schritt 26
Finden Sie XPath mit Firebug Schritt 26

Schritt 3. Klicken Sie auf die Schaltfläche "Element auswählen"

Sie finden diese in der oberen linken Ecke des Entwicklertools-Bedienfelds.

Finden Sie XPath mit Firebug Schritt 27
Finden Sie XPath mit Firebug Schritt 27

Schritt 4. Klicken Sie auf das Element auf der Webseite, das Sie überprüfen möchten

Dadurch wird es ausgewählt und der Code dafür im DOM-Explorer hervorgehoben.

Finden Sie XPath mit Firebug Schritt 28
Finden Sie XPath mit Firebug Schritt 28

Schritt 5. Notieren Sie sich die XPath-Informationen unten im Fenster

Jede der Registerkarten am unteren Rand des Bedienfelds ist ein XPath-Ausdruck für das ausgewählte Element. Sie können es nicht wie in Firefox mit Firebug im XPath-Format kopieren.

Empfohlen: