So finden sie xpath mit firebug

Sie können XPath-Informationen für Website-Elemente mit den meisten Browser-Entwickler-Tools finden. Mit Firefox können Sie XPath-Informationen direkt in Ihre Zwischenablage kopieren. Für die meisten anderen Browsern finden Sie die XPath-Informationen für das Element in den Entwickler-Tools, muss es jedoch selbst formatieren.

Schritte

Methode 1 von 4:
Verwenden von Firefox und Firebug
  1. Bildtitel Finde XPath mit Firebug Schritt 1
1. Installieren Sie Firebug für Firefox. Firebug ist ein Webinspektor-Add-On für Firefox.
  • Klicken Sie auf die Firefox-Menütaste (☰) und wählen Sie aus "Add-Ons."
  • Klicken "Add-Ons erhalten" und dann auf das klicken "Hole mehr Add-ons!" Taste.
  • Suchen nach "Kamin" und dann auf das klicken "Zu Firefox hinzufügen" Taste daneben.
  • Bestätigen Sie, dass Sie Firebug installieren möchten, und starten Sie Firefox, wenn Sie dazu auffordert werden.
  • Bildtitel Finde XPath mit Firebug Schritt 2
    2. Öffnen Sie die Website, die Sie inspizieren möchten. Sie können Firebug verwenden, um jedes Element auf einer Website zu inspizieren, um den XPATH zu finden.
  • Bildtitel Finde XPath mit Firebug Schritt 3
    3. Klicken Sie auf die Schaltfläche Kamin. Sie finden das in der oberen rechten Ecke des Fensters. Dadurch wird die Kaminabdeckung an der Unterseite des Firefox-Fensters geöffnet.
  • Bildtitel Finde XPath mit Firebug Schritt 4
    4. Klicken Sie auf die Schaltfläche Element Inspector. Sie finden dies in der oberen Reihe von Schaltflächen in der Kaminablage am unteren Rand des Fensters, direkt rechts von der Kaminoption der Kaminoptionen. Es sieht aus wie eine Kiste mit einem Mauszeiger, der darauf hinweist.
  • Bildtitel Finde XPath mit Firebug Schritt 5
    5. Klicken Sie auf das Webseitenelement, das Sie inspizieren möchten. Wenn Sie Ihren Cursor über die Webseite bewegen, werden verschiedene Elemente hervorgehoben, die hervorgehoben werden. Klicken Sie auf denjenigen, den Sie den XPath finden möchten.
  • Bildtitel Finde XPath mit Firebug Schritt 6
    6. Klicken Sie mit der rechten Maustaste auf den hervorgehobenen Code in der Kaminplatte. Wenn Sie auf ein Element auf einer Webseite auf ein Element klicken, wird der Code in der Kaminabdeckung am unteren Rand des Fensters hervorgehoben. Klicken Sie mit der rechten Maustaste auf diesen hervorgehobenen Code.
  • Bildtitel Finde XPath mit Firebug Schritt 7
    7. Wählen "XPath kopieren" aus dem Menü. Dadurch werden die XPath-Informationen des Elements in Ihre Zwischenablage kopiert.
  • Wenn Sie auswählen "Minimales XPath kopieren," Nur die grundlegenden XPath-Informationen werden kopiert.
  • Bildtitel Finde XPath mit Firebug Schritt 8
    8. Fügen Sie die kopierte XPath-Informationen an anderer Stelle ein. Sobald der Code kopiert wird, können Sie ihn einfach einfügen, an denen Sie mit der rechten Maustaste benötigen, und auswählen "Einfügen."
    • Methode 2 von 4:
    Mit Chrome verwenden
    1. Bildtitel Finde XPath mit Firebug Schritt 9
    1. Öffnen Sie die Website, die Sie in Chrome inspizieren möchten. Sie benötigen keine Erweiterungen, die installiert sind, um die XPath-Informationen von Website-Elementen, wenn Sie Chrome verwenden, installiert werden können.
  • Bildtitel Finde XPath mit Firebug Schritt 10
    2. Drücken Sie .F12 So öffnen Sie den Website-Inspektor. Dies erscheint auf der rechten Seite des Fensters.
  • Bildtitel Finde XPath mit Firebug Schritt 11
    3. Klicken Sie auf die Schaltfläche Element Inspector. Sie finden dies in der oberen linken Ecke des Website-Inspector-Panels. Die Schaltfläche sieht aus wie eine Box mit einem Mauszeiger, der darauf hinweist.
  • Bildtitel Finde XPath mit Firebug Schritt 12
    4. Klicken Sie auf das Element auf der Website, die Sie inspizieren möchten. Sie sehen die Elemente des Site-Highlights, wenn Sie Ihren Cursor über sie bewegen.
  • Bildtitel Finde XPath mit Firebug Schritt 13
    5. Klicken Sie mit der rechten Maustaste auf den hervorgehobenen Code im Inspector-Panel. Wenn Sie mit dem Inspektor auf ein Element klicken, wird der relevante Code automatisch im Inspektorfeld auf der rechten Seite des Fensters hervorgehoben. Klicken Sie mit der rechten Maustaste auf den hervorgehobenen Code.
  • Bildtitel Finde XPath mit Firebug Schritt 14
    6. Wählen "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 geben.
  • Bildtitel Suchen XPath mit Firebug Schritt 15
    7. Fügen Sie die kopierten XPath-Informationen ein. Sie können Ihre kopierten XPath-Informationen einfügen, wie Sie kopierte Informationen hätten, indem Sie mit der rechten Maustaste in ein Textfeld klicken und auswählen "Einfügen."
    • Methode 3 von 4:
    Verwenden von Safari
    1. Bildtitel Suchen XPath mit Firebug Schritt 16
    1. Klicken Sie auf das Safari-Menü und wählen Sie "Präferenzen." Sie müssen das Entwicklungsmenü aktivieren, um auf das Webinspektor-Dienstprogramm zuzugreifen.
  • Bildtitel Finde XPath mit Firebug Schritt 17
    2. Drücke den "Fortgeschritten" Tab. Dadurch werden erweiterte Safari-Einstellungen angezeigt.
  • Bildtitel Finde XPath mit Firebug Schritt 18
    3. Überprüf den "Erstellen Sie das Entwicklungsmenü in der Menüleiste" Box. Das Entwicklungsmenü erscheint sofort in der Menüleiste.
  • Bildtitel Finde XPath mit Firebug Schritt 19
    4. Öffnen Sie die Website, die Sie inspizieren möchten. Schließen Sie das Preferences-Menü und besuchen Sie die Website, die das Element enthält, das Sie für den XPath erhalten möchten.
  • Bildtitel Finde XPath mit Firebug Schritt 20
    5. Klicken Sie auf das Entwicklungsmenü und wählen Sie aus "Webinspektor anzeigen." Das Web-Inspektor-Panel erscheint am unteren Rand des Fensters.
  • Bildtitel Finde XPath mit Firebug Schritt 21
    6. Drücke den "Elementauswahl starten" Taste. Es sieht aus wie ein Fadenkreuz, kann in der oberen Reihe von Schaltflächen in der Webinspektor-Panel gefunden werden.
  • Bildtitel Finde XPath mit Firebug Schritt 22
    7. Klicken Sie auf das Element auf der Website, die Sie inspizieren möchten. Dadurch wird der Code für dieses Element in der Webinspektor-Platte am unteren Rand des Fensters hervorgehoben.
  • Bildtitel Finde XPath mit Firebug Schritt 23
    8. Beachten Sie die XPath-Informationen oben auf dem Baum. Sie können den XPath nicht direkt kopieren, aber Sie können den vollständigen Weg sehen, der über dem im Webinspektor angezeigten Code angeordnet ist. Jede Tab ist ein Pfadausdruck.
    • Methode 4 von 4:
    Verwenden von Internet Explorer
    1. Bildtitel Finde XPath mit Firebug Schritt 24
    1. Öffnen Sie die Website, die Sie in Internet Explorer inspizieren möchten. Sie müssen nichts installieren, um den XPath in Internet Explorer zu finden. Öffnen Sie die Website, die das Element enthält, das Sie inspizieren möchten.
  • Bildtitel Finde XPath mit Firebug Schritt 25
    2. Drücken Sie F12 So öffnen Sie die Entwickler-Tools. Das Bedienfeld des Entwicklerwerkzeugs erscheint am unteren Rand des Fensters.
  • Bildtitel Finde XPath mit Firebug Schritt 26
    3. Drücke den "Element auswählen" Taste. Sie finden dies in der oberen linken Ecke des Entwickler-Tools-Panels.
  • Bildtitel Finde XPath mit Firebug Schritt 27
    4. Klicken Sie auf das Element auf der Webseite, die Sie inspizieren möchten. Dadurch wird es ausgewählt und den Code für ihn im DOM-Explorer hervorheben.
  • Bildtitel Finde XPath mit Firebug Schritt 28
    5. Beachten Sie die XPath-Informationen an der Unterseite des Panels. Jeder der Registerkarten entlang der Unterseite des Panels ist ein XPath-Ausdruck für das Element, das Sie ausgewählt haben. Sie können es nicht im XPath-Format kopieren, wie Sie in Firefox mit Firebug können.

    • Tipps

    In Verbindung stehende Artikel