Entwickeln

Browser-Inhalte debuggen

Diese Seite beschreibt zahlreiche Möglichkeiten für das Debuggen deines Browser-Nutzungserlebnisses.

Gerät verbinden

Vor dem Debuggen musst du dein Gerät verbinden. Du kannst MQDH, USB oder WLAN nutzen.

Mit Meta Quest Developer Hub verbinden

Der Meta Quest Developer Hub ist die bevorzugte Methode zum Testen und Debuggen deiner Browser-Inhalte. Der Hub bietet Tools für die Einrichtung deines Geräts, das Aktivieren von Desktop-Streaming und vieles mehr. Anweisungen zur Einrichtung des MQDH für die Verbindung mit deinem Gerät findest du auf der MQDH-Hauptseite.

USB-Debugging in Meta Quest ohne MQDH

So konfigurierst du dein Gerät für das USB-Debugging:
  1. Öffne auf deinem Mobilgerät die Meta Horizon-App.
  2. Klicke in der App das Headset-Symbol in der Symbolleiste.
    Meta Horizon toolbar
  3. Dein gekoppeltes Headset sollte oben auf dem Bildschirm angezeigt werden. Tippe auf das Headset-Element, um das Modell und den Status deines gekoppelten Headsets anzuzeigen.
    Paired headset item
  4. Tippe unter dem Bild deines Headsets auf Headset-Einstellungen.
    Headset settings
  5. Tippe auf Entwicklungsmodus.
    Developer mode list item
  6. Aktiviere den Schalter für den Entwicklungsmodus.
    Toggle Developer Mode to the on position
Das folgende Video zeigt, wie du den Entwicklungsmodus in der Meta Horizon-App aktivieren kannst.

Video: Den Entwicklungsmodus in der Meta Horizon-App aktivieren

  1. Verbinde das Headset mithilfe eines USB-C-Datenkabels mit deinem Computer.
  2. Setze das Headset auf.
  3. Öffne im Headset den Menüpunkt Schnellsteuerung.
  4. Wähle Einstellungen öffnen (Zahnrad-Symbol) aus. Öffne dann den Tab Entwickler und aktiviere die Option MTP-Benachrichtigung.
  5. Wenn du aufgefordert wirst, USB-Debugging zu gestatten, wählst du Von diesem Computer immer zulassen aus.
    Allow USB Debugging prompt
Sobald es verbunden ist, öffne eine Befehlsshell und gib Folgendes ein:
adb devices
Wenn das Gerät ordnungsgemäß verbunden ist, zeigt ADB die Geräte-ID-Liste an, die in etwa wie folgt aussieht:
List of devices attached
ce0551e7                device
Du kannst ADB nicht verwenden, wenn kein Gerät erkannt wurde. Wenn dein Gerät nicht aufgeführt ist, verwendest du wahrscheinlich nicht den richtigen USB-Treiber. Du kannst ein anderes USB-Kabel und/oder einen anderen Port verwenden.

ADB Reverse zum Aufrufen lokaler Seiten in Quest verwenden

Verwende ADB Reverse zum Aufrufen lokaler Seiten auf deinem Computer oder Gerät.
Üblicherweise wird bei der Webentwicklung ein lokaler HTTP-Server auf dem Desktop eingerichtet, der auf einen Port von localhost zeigt. Du kannst adb reverse verwenden, damit diese Seite auf deinem Gerät zur Verfügung steht, wenn es mit deinem Desktop verbunden ist.
Führe dazu den folgenden Befehl aus: adb reverse tcp:8080 tcp:8080
Ersetze 8080 durch die Portnummer deines HTTP-Servers.

WLAN-Debugging aktivieren

Die Verbindung eines Geräts über USB ist in der Regel schneller als eine TCP/IP-Verbindung. In manchen Fällen kann jedoch eine TCP/IP-Verbindung unverzichtbar sein.
So richtest du das WLAN-Debugging ein:
  1. Schließe das Verfahren zum Aktivieren des USB-Debuggings oben ab und schließe dein Gerät über ein USB-Kabel an deinen Computer an.
  2. Installiere Android Platform Tools⁠, falls du noch nicht das adb-Tool installiert hast.
  3. Öffne ein Terminal- oder ein Windows-Eingabeaufforderungsfenster.
  4. Navigiere zum adb-Tool, falls nicht unter deinem Pfad vorhanden. Unter Windows befindet sich das Tool in der Regel unter C:\Users\{user}\AppData\Local\Android\sdk\platform-tools. Verwende anschließend den folgenden Befehl, um die IP-Adresse für das Gerät abzurufen:
adb shell ip route
Die Ausgabe sollte in etwa so aussehen:
10.0.30.0/19 dev wlan0  proto kernel  scope link  src 10.0.32.101
Die IP-Adresse des Geräts steht hinter src. Führe mit der IP-Adresse und Port 5555 folgenden Befehl aus:
adb tcpip 5555
adb connect *<ipaddress>*:5555
Zum Beispiel:
> adb tcpip 5555
    restarting in TCP mode port: 5555
> adb connect 10.0.32.101:5555
    connected to 10.0.32.101:5555
Das Gerät kann nun vom USB-Port getrennt werden. Solange adb devices nur ein Gerät zeigt, werden alle ADB-Befehle für das Gerät über WLAN ausgeführt.
Damit die WLAN-Verbindung nicht mehr verwendet wird, führe den folgenden ADB-Befehl in der OS-Shell aus:
adb disconnect

Eine Remote-Debugging-Session mit Chrome Developer Tools starten

Nachdem du deine Website auf dem Gerät im Browser aufgerufen hast, kannst du sie remote mithilfe der Chrome Developer Tools debuggen.
So startest du eine Remote-Debugging-Session:
  1. Rufe auf dem Gerät deine Website im Browser auf.
  2. Starte Google Chrome.
  3. Navigiere zu chrome://inspect/#devices.
  4. Suche dein Gerät. Anschließend wird eine Reihe von Browser-Tabs auf dem Gerät geöffnet.
  5. Klicke auf inspect (Untersuchen), um das Debugging in einem Tab im Browser zu starten.
Weitere Informationen zum Remote-Debugging mit Chrome Developer Tools findest du unter Chrome DevTools – Remote-Debugging⁠.

WebXR-Inhalte debuggen

Die Informationen auf dieser Seite beziehen sich auf das Debugging von 2D- und immersiven WebXR-Erlebnissen im Browser. Informationen zu Debugging-Strategien für immersive WebXR-Erlebnisse findest du im WebXR-Workflow.

Weitere ähnliche Inhalte

Weitere Informationen zur Einrichtung von Geräten und zum Debugging von VR-Apps findest du unter:
Nav-Logo
Deutsch
© 2026 Meta