Remotedebuggen von Android-Geräten

  • Artikel

Remotedebuggen von Liveinhalten auf einem Android-Gerät von Ihrem Windows- oder macOS-Computer. Auf der folgenden Tutorialseite erfahren Sie folgendes:

  • Richten Sie Ihr Android-Gerät für das Remotedebuggen ein, und ermitteln Sie es auf Ihrem Entwicklungscomputer.

  • Überprüfen und debuggen Sie Liveinhalte auf Ihrem Android-Gerät von Ihrem Entwicklungscomputer aus.

  • Screencast von Inhalten von Ihrem Android-Gerät in eine DevTools-instance auf Ihrem Entwicklungscomputer.

Hinweis

Das Remotedebuggen der Microsoft Edge-App auf iOS-Geräten wird derzeit nicht unterstützt. Der folgende Leitfaden konzentriert sich speziell auf das Remotedebuggen von Microsoft Edge auf Android-Geräten. Wenn Sie über ein macOS-Gerät verfügen, befolgen Sie den Leitfaden zum Debuggen von Brightcove , um Microsoft Edge auf einem iOS-Gerät mithilfe von Safari remote zu debuggen. Weitere Informationen zum Web inspector-Tool in Safari finden Sie unter Safari-Webentwicklungstools.

Schritt 1: Ermitteln Ihres Android-Geräts

Der folgende Workflow funktioniert für die meisten Benutzer. Weitere Hilfe finden Sie weiter unten unter Problembehandlung: DevTools erkennt das Android-Gerät nicht.

  1. Öffnen Sie den Bildschirm Entwickleroptionen auf Ihrem Android-Gerät. Weitere Informationen finden Sie unter Konfigurieren von Entwickleroptionen auf dem Gerät.

  2. Wählen Sie USB-Debugging aktivieren aus.

  3. Öffnen Sie auf Ihrem Entwicklungscomputer Microsoft Edge.

  4. Wechseln Sie in der Adressleiste zu edge://inspect.

    Seite edge://inspect in Microsoft Edge

  5. Verbinden Sie Ihr Android-Gerät über ein USB-Kabel direkt mit Ihrem Entwicklungscomputer. Wenn Sie zum ersten Mal versuchen, eine Verbindung herzustellen, sollte eine Aufforderung angezeigt werden, dass DevTools ein unbekanntes Gerät erkennt. Akzeptieren Sie die Berechtigungsaufforderung USB-Debuggen zulassen auf Ihrem Android-Gerät.

    Aufforderung zur Berechtigung

  6. Wenn der Modellname Ihres Android-Geräts angezeigt wird, hat Microsoft Edge die Verbindung mit Ihrem Gerät erfolgreich hergestellt. Fahren Sie mit dem Abschnitt Schritt 2 fort.

Problembehandlung: DevTools erkennt das Android-Gerät nicht

Verwenden Sie die folgenden Tipps, um Probleme mit den richtigen Einstellungen für Ihre Hardware zu beheben.

  • Wenn Sie einen USB-Hub verwenden, versuchen Sie, Ihr Android-Gerät direkt mit Ihrem Entwicklungscomputer zu verbinden.
  • Versuchen Sie, das USB-Kabel zwischen Ihrem Android-Gerät und dem Entwicklungscomputer zu trennen, und schließen Sie dann das USB-Kabel erneut an. Führen Sie die Aufgabe aus, während Ihre Android- und Entwicklungscomputerbildschirme entsperrt sind.
  • Stellen Sie sicher, dass das USB-Kabel funktioniert. Sie sollten dateien auf Ihrem Android-Gerät von Ihrem Entwicklungscomputer aus überprüfen können.

Verwenden Sie die folgenden Tipps, um zu überprüfen, ob Ihre Software ordnungsgemäß eingerichtet ist.

Wenn die Aufforderung USB-Debugging zulassen auf Ihrem Android-Gerät nicht angezeigt wird, versuchen Sie Folgendes:

  • Trennen Sie das USB-Kabel und schließen Sie es dann erneut an, während DevTools den Fokus auf Ihrem Entwicklungscomputer hat und Ihr Android-Startbildschirm angezeigt wird. Manchmal wird die Eingabeaufforderung nicht angezeigt, wenn Ihre Android- oder Entwicklungscomputerbildschirme gesperrt sind.
  • Aktualisieren sie die Anzeigeeinstellungen für Ihr Android-Gerät und Ihren Entwicklungscomputer, damit sie nie in den Standbymodus wechseln.
  • Festlegen des USB-Modus für Android auf PTP. Siehe Galaxy S4 zeigt das Dialogfeld "USB-Debugging autorisieren" nicht an.
  • Wählen Sie auf Ihrem Android-Gerät auf dem Bildschirm Entwickleroptionen die Option USB-Debugautorisierungen widerrufen aus, um es in einen neuen Zustand zurückzusetzen.

Wenn Sie eine Lösung finden, die nicht auf dieser Seite oder in DevTools Devices nicht erkannt wird, wenn es an Stack Overflow angeschlossen ist, fügen Sie Ihre Lösung dieser Stack Overflow-Frage hinzu.

Schritt 2: Debuggen von Inhalten auf Ihrem Android-Gerät von Ihrem Entwicklungscomputer

  1. Öffnen Sie Microsoft Edge auf Ihrem Android-Gerät.

  2. Wechseln Sie zu edge://inspect. Der Modellname Ihres Android-Geräts wird angezeigt, gefolgt von der Seriennummer des Geräts. Darunter sollte die Version von Microsoft Edge, die auf dem Gerät ausgeführt wird, mit der Versionsnummer in Klammern angezeigt werden. Jede geöffnete Microsoft Edge-Registerkarte erhält einen eindeutigen Abschnitt. Sie können über einen Abschnitt mit dieser Registerkarte interagieren.

Ein verbundenes Remotegerät

  1. Geben Sie im Textfeld Registerkarte mit URL öffnen eine URL ein, und klicken Sie dann auf Öffnen. Die Seite wird auf Ihrem Android-Gerät in einer neuen Registerkarte geöffnet.

  2. Klicken Sie neben der URL, die Sie gerade geöffnet haben, auf Überprüfen . Eine neue DevTools-instance wird geöffnet.

Weitere Aktionen: Fokus, Aktualisierung oder Schließen einer Registerkarte

Wählen Sie die Registerkarte "Fokus" aus, laden Sie sie erneut, oder schließen Sie sie neben der Registerkarte, die Sie fokussieren, aktualisieren oder schließen möchten.

Die Schaltflächen zum Fokussieren, Aktualisieren oder Schließen einer Registerkarte

Überprüfen von Elementen

Wechseln Sie zum Elementtool Ihrer DevTools-instance, und zeigen Sie auf ein Element, um es im Viewport Ihres Android-Geräts hervorzuheben.

Sie können auch auf ein Element auf dem Bildschirm Ihres Android-Geräts tippen, um es im Tool Elemente auszuwählen. Klicken Sie auf dem DevTools-instance auf das Symbol Element auswählen (Element auswählen), und wählen Sie dann das Element auf dem Bildschirm Ihres Android-Geräts aus.

Hinweis

Wählen Sie Element ist nach der ersten Auswahl deaktiviert aus, sodass Sie es jedes Mal erneut aktivieren müssen, wenn Sie dieses Feature verwenden möchten.

Screencast ihres Android-Bildschirms auf Ihrem Entwicklungscomputer

Klicken Sie auf das Symbol Screencast umschalten (Screencast umschalten), um den Inhalt Ihres Android-Geräts in Ihrem DevTools-instance anzuzeigen.

Sie können auf verschiedene Arten mit dem Screencast interagieren:

  • Klicks werden in Taps übersetzt, die richtige Touchereignisse auf dem Gerät auslösen.
  • Tastaturanschläge auf Ihrem Computer werden an das Gerät gesendet.
  • Um eine Zusammendrückbewegung zu simulieren, halten Sie während des Ziehens die UMSCHALTTASTE gedrückt.
  • Verwenden Sie zum Scrollen Ihr Trackpad oder Mausrad, oder zeigen Sie mit dem Mauszeiger.

Verwenden Sie die folgenden Tipps, um Ihnen beim Screencast zu helfen:

  • Screencasts zeigen nur Seiteninhalte an. Transparente Teile des Screencasts stellen Geräteschnittstellen dar, z. B. die Microsoft Edge-Adressleiste, die Android-status-Leiste oder die Android-Tastatur.
  • Screencasts wirken sich negativ auf die Bildfrequenzen aus. Deaktivieren Sie screencasting beim Messen von Bildläufen oder Animationen, um ein genaueres Bild von der Leistung Ihrer Seite zu erhalten.
  • Wenn der Bildschirm Ihres Android-Geräts gesperrt wird, wird der Inhalt des Screencasts nicht mehr angezeigt. Entsperren Sie den Bildschirm Ihres Android-Geräts, um den Screencast automatisch fortzusetzen.

Hinweis

Teile dieser Seite sind Änderungen, die auf von Google erstellten und freigegebenen Werken basieren und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Bestimmungen verwendet werden. Die originale Seite befindet sich hier und wurde von Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse) verfasst.

Creative Commons License Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.