Freigeben über

Remotedebuggen von Surface Duo-Emulatoren

  • Artikel

In diesem Artikel durchlaufen Sie den Prozess des Remotedebuggens Ihrer Webinhalte in der Microsoft Edge-App auf einem Surface Duo-Emulator von einem Desktop instance von Microsoft Edge. Informationen zum Debuggen auf einem Surface Duo-Gerät finden Sie in unserer Anleitung zum Remotedebuggen von Android-Geräten.

Bevor Sie beginnen

Schritt 1: Wechseln Sie zu edge://inspect

  • Öffnen Sie eine Desktop-instance von Microsoft Edge, und wechseln Sie zu edge://inspect:

Seite edge://inspect in Microsoft Edge auf dem Desktop

Wenn die edge://inspect Seite den Surface Duo-Emulator nicht erkennt, starten Sie den Emulator neu.

Schritt 2: Starten des Surface Duo-Emulators

  • Starten Sie den Surface Duo-Emulator. Der Emulator zeigt zwei verschiedene Bildschirme an, die im Emulator ausgeführt werden:

Der Surface Duo-Emulator

Schritt 3: Laden Ihrer Webinhalte in Microsoft Edge auf dem Surface Duo-Emulator

  1. Wischen Sie auf beiden Bildschirmen auf der Favoritenleiste des Surface Duo-Emulators nach oben, um die App-Schublade anzuzeigen.

  2. Klicken Sie auf Edge , um die Microsoft Edge-App zu starten:

    Die Microsoft Edge-App im Surface Duo-Emulator

  3. Navigieren Sie in der Microsoft Edge-App zu der Website oder App, die Sie debuggen möchten.

Schritt 4: Debuggen Von Webinhalten aus dem Surface Duo-Emulator

  1. Wechseln Sie zurück zum Desktop-instance von Microsoft Edge.

    Auf edge://inspect der Seite wird nun der SurfaceDuoEmulator mit einer Liste der geöffneten Registerkarten oder PWAs angezeigt, die im Surface Duo-Emulator ausgeführt werden:

    Auf der Seite edge://inspect wird eine Liste der geöffneten Registerkarten in der Microsoft Edge-App angezeigt, die auf dem Emulator ausgeführt wird.

  2. Klicken Sie in der Liste der geöffneten Registerkarten, die im Emulator ausgeführt werden, auf der Registerkarte mit dem zu debuggenden Webinhalt auf Überprüfen . DevTools wird in einem neuen Fenster geöffnet.

  3. Klicken Sie auf Screencast umschalten (Screencast umschalten), um den Webinhalt ihres Surface Duo-Emulators im Fenster DevTools anzuzeigen.

Sie können jetzt die Microsoft Edge DevTools verwenden, um Ihre Webinhalte im Surface Duo-Emulator zu debuggen:

Verwenden der Microsoft Edge DevTools zum Debuggen von Bing in der Microsoft Edge-App auf dem Surface Duo-Emulator

Problembehandlung

Wenn SurfaceDuoEmulator nicht auf der edge://inspect Seite angezeigt wird, versuchen Sie, Registerkarten in der Microsoft Edge-App auf dem Surface Duo-Emulator zu öffnen oder zu schließen.

Weitere Schritte zur Problembehandlung finden Sie im Abschnitt zur Problembehandlung für Android-Geräte.

Auswirkungen des Scharniers auf das Layout Ihrer Webinhalte

Wenn Sie die Microsoft Edge-App über beide Bildschirme im Emulator hinweg umfassen, spiegelt der Screencast die neue Größe der App wider, aber nicht das Scharnier.

Um zu verstehen, wie sich das Scharnier auf das Layout Ihrer Webinhalte auswirkt, verwenden Sie anstelle des Screencasts den Surface Duo-Emulator .

Weitere Ressourcen

Das Web ist eine hervorragende Plattform für die neue Klasse von Falt- und Dual-Screen-Geräten, da Sie HTML, CSS und JavaScript einmal schreiben und auf Single-Screen-, Dual-Screen- und faltbaren Geräten gut aussehen lassen können. Informationen zu den ersten Schritten beim Erstellen von Webinhalten für diese neuen Geräte finden Sie in den folgenden zusätzlichen Ressourcen.