Erste Schritte mit Remotedebugging von Android-Geräten

Remotedebuggern von Liveinhalten auf einem Android-Gerät von Ihrem Windows oder macOS-Computer. Auf der folgenden Lernprogrammseite erfahren Sie, wie Sie die folgenden Aktionen ausführen.

  • Richten Sie Ihr Android-Gerät für das Remotedebubugen ein, und ermitteln Sie es auf Ihrem Entwicklungscomputer.
  • Überprüfen und Debuggen von Liveinhalten auf Ihrem Android-Gerät auf Ihrem Entwicklungscomputer.
  • Screencastinhalt von Ihrem Android-Gerät auf eine DevTools-Instanz auf Ihrem Entwicklungscomputer.

Hinweis

Remotedebuding Microsoft Edge App auf iOS-Geräten wird derzeit nicht unterstützt. Das folgende Handbuch konzentriert sich speziell auf Remotedebug-Microsoft Edge auf Android-Geräten. Wenn Sie über ein macOS-Gerät verfügen, befolgen Sie die Anleitung zum Debuggen von Brightcove, um die 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 Web Development Tools.

Schritt 1: Ermitteln Ihres Android-Geräts

Der folgende Workflow funktioniert für die meisten Benutzer. Weitere Hilfe finden Sie unter Troubleshooting: DevTools is not detecting the Android device section.

  1. Öffnen Sie den Bildschirm Entwickleroptionen auf Ihrem Android. Weitere Informationen finden Sie unter Configure On-Device Developer Options.

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

  3. Öffnen Sie auf dem Entwicklungscomputer Microsoft Edge.

  4. Navigieren Sie zur edge://inspect Seite in Microsoft Edge.

    Die edge://inspect in Microsoft Edge

  5. Verbinden Ihr Android-Gerät über ein USB-Kabel direkt an Ihren Entwicklungscomputer senden. Wenn Sie zum ersten Mal versuchen, eine Verbindung herzustellen, sollte eine Eingabeaufforderung zum Erkennen eines unbekannten Geräts durch DevTools angezeigt werden. Akzeptieren Sie die Berechtigungsaufforderung USB-Debugging zulassen auf Ihrem Android-Gerät.

    Die Berechtigungsaufforderung USB-Debugging zulassen auf einem Android-Gerät

  6. Wenn der Modellname Ihres Android-Geräts angezeigt wird, Microsoft Edge die Verbindung zu 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 Ihnen bei der Problembehandlung der richtigen Einstellungen für Ihre Hardware zu helfen.

  • 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 das USB-Kabel erneut an. Führen Sie die Aufgabe aus, während die Bildschirme ihres Android- und Entwicklungscomputers 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.

Verwenden Sie die folgenden Tipps, um Probleme zu beheben, wenn die Eingabeaufforderung USB-Debugging zulassen nicht auf Ihrem Android-Gerät angezeigt wird.

  • Trennen Sie die Verbindung, und verbinden Sie das USB-Kabel erneut, während DevTools auf Ihrem Entwicklungscomputer im Fokus steht und Ihr Android-Startbildschirm angezeigt wird.

    Hinweis

    Die Eingabeaufforderung wird angezeigt, wenn Die Bildschirme ihres Android- oder Entwicklungscomputers gesperrt sind.

  • Aktualisieren der Anzeigeeinstellungen für Ihr Android-Gerät und Ihren Entwicklungscomputer, sodass sie niemals in den Ruhezustand gehen.

  • Festlegen des USB-Modus für Android auf PTP. Weitere Informationen finden Sie unter Navigieren zu Das Dialogfeld USB-Debuggenautorisieren wird nicht angezeigt.

  • Klicken Sie auf dem **** Bildschirm Entwickleroptionen auf Ihrem Android-Gerät auf Widerrufen von USB-Debuggingautorisierungen, um es auf einen neuen Status zurückzusetzen. ****

Wenn Sie eine Lösung finden, die auf dieser Seite oder in DevTools Devices nicht erkannt wird, wenn das Gerät auf Stack Overflow angeschlossen ist, fügen Sie Ihre Lösung der Frage Stack Overflow hinzu..

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

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

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

    Ein verbundenes Remotegerät

  3. Geben Sie im Textfeld Registerkarte Öffnen mit URL eine URL ein, und wählen Sie dann Öffnen aus. Die Seite wird auf ihrem Android-Gerät auf einer neuen Registerkarte geöffnet.

  4. Wählen Sie überprüfen neben der URL aus, die Sie gerade geöffnet haben. Eine neue DevTools-Instanz wird geöffnet.

Weitere Aktionen: Fokussieren, Aktualisieren oder Schließen einer Registerkarte

Wählen Sie Fokusregisterkarteaus, ladenoder schließen 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

Navigieren Sie zum Elementtool Ihrer DevTools-Instanz, und zeigen Sie auf ein Element, um es im Viewport Ihres Android-Geräts zu markieren.

Sie können auch ein Element auf dem Bildschirm Ihres Android-Geräts auswählen, um es im Tool Elemente auszuwählen. Wählen Sie Element auswählen ( Element auswählen ) in Ihrer DevTools-Instanz aus, und wählen Sie dann das Element auf dem  Android-Gerätebildschirm aus.

Hinweis

Select Element ist nach der ersten Auswahl deaktiviert, daher müssen Sie es jedes Mal erneut aktivieren, wenn Sie das Feature verwenden möchten.

Screencast your Android screen to your development machine

Wählen Sie Screencast ( Screencast ) umschalten aus, um den Inhalt Ihres Android-Geräts in Ihrer  DevTools-Instanz anzuzeigen.

Sie können auf folgende Weise mit dem Screencast interagieren.

  • Auswahlen werden in Tipptasten übersetzt, die richtige Touchereignisse auf dem Gerät abfeuern.
  • Tastaturanschläge auf Ihrem Computer werden an das Gerät gesendet.
  • Halten Sie beim Ziehen gedrückt, um eine Shift Prisegeste zu simulieren.
  • Wenn Sie einen Bildlauf durchführen möchten, verwenden Sie das Trackpad oder mausrad oder bewegen Sie sich mit dem Mauszeiger.

Hinweis

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-Statusleiste oder die Android-Tastatur.
  • Screencasts wirken sich negativ auf die Frameraten aus. Deaktivieren Sie das Screencasting, während Sie Bildlauf oder Animationen messen, um ein genaueres Bild der Leistung Ihrer Seite zu erhalten.
  • Wenn der Bildschirm Ihres Android-Geräts gesperrt wird, wird der Inhalt des Screencasts ausgeblendet. Entsperren Sie den Bildschirm Ihres Android-Geräts, um den Screencast automatisch fortsetzen zu können.

Mit dem Microsoft Edge-Entwicklungstools-Team Kontakt aufnehmen

Verwenden Sie die folgenden Optionen, um die neuen Features und Änderungen im Beitrag, oder andere Themen, die mit Entwicklungstools zu tun hat, zu diskutieren.

  • Senden Sie Ihr Feedback über das Symbol Feedback senden, oder wählen Sie Alt+Shift+I (Windows, Linux) oder Option+Shift+I (macOS) in Entwicklungstools aus.
  • Tweet auf @EdgeDevTools.
  • Senden Sie einen Vorschlag an The Web We Want.
  • Verwenden Sie den folgenden Feedback-Abschnitt, um Fehler in diesem Artikel zu melden.

Das Symbol Feedback senden in den Microsoft Edge-Entwicklungstools

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 ursprüngliche Seite befindet sich hier und wird von Kayce Basken (Technical Writer, Chrome DevTools & Lighthouse) verfasst.

Creative Commons License
Diese Arbeit unterliegt einer Creative Commons Attribution 4.0 International License.