Erstellen von Dual-Screen-Weboberflächen auf dem Desktop
Das Dual-Screen-Emulationsfeature ist in den Entwicklertools für Microsoft Edge Version 97 und neuer verfügbar.
Navigieren Sie zu einer dualen Bildschirm-erweiterten Website wie diesem Beispiel auf GitHub
Wählen Sie das Menü Einstellungen und mehr (Auslassungspunkte...) und dann "Weitere Tools für Entwicklertools>" aus.
Wählen Sie Dimensionen aus: Surface Duo und verwenden Sie die Schaltfläche "Dual-Screen" (Buch-like), um zwischen einem und zwei Bildschirmen zu wechseln:
Sie können jetzt Ihren regulären Webentwicklungsworkflow verwenden, um Dual-Screen-Web-Apps zu erstellen und zu testen.
Das Erstellen und Testen auf dem Desktop hat den Vorteil, vorhandene Webentwicklungstools und Debugerfahrungen zu verwenden.
Debuggen des Emulators aus dem Desktop
Zusätzlich zum Erstellen und Testen auf Edge-Desktop können Sie auch eine Verbindung mit dem Surface Duo-Emulator herstellen und Websites aus dem Emulator debuggen.
Folgen Sie diesen Anweisungen, um eine Emulatorinstanz mit Edge-Desktopentwicklertools zu verbinden. Das Remotedebugging funktioniert auch für Android Geräte.
Unterstützte Desktopbrowserversionen
Die Surface Duo-Emulationsoption ist in den folgenden Desktopbrowser-Entwicklertools verfügbar:
- Microsoft Edge - Version 97 oder neuer
- Google Chrome – Version 97 oder neuer