Ab Chrome 115 können Sie das Safari Web Inspector-Debugging für Chrome auf iOS-Geräten aktivieren. In diesem Beitrag wird beschrieben, wie Sie loslegen.
Vor Chrome 115 musste Chrome für iOS aus der Quelle erstellt werden, um Webseiten zu debuggen, da die Releaseversion von WKWebView das Remote-Debugging mit dem Web-Inspektor nicht unterstützte. In Chrome 73 haben wir die Seite chrome://inspect hinzugefügt, auf der lokal JavaScript-Protokolle angezeigt werden, um beim Entfernen von Fehlern auf Webseiten zu helfen. Da WKWebView jetzt (ab iOS 16.4) das Web Inspector-Debugging in der Release-Version ermöglicht, haben wir in Chrome 115 eine Einstellung hinzugefügt, mit der diese Funktion aktiviert werden kann, um die Entwicklerfreundlichkeit weiter zu verbessern.
Erste Schritte
Auf deinem iOS-Gerät sind folgende Voraussetzungen erforderlich:
- iOS 16.4 oder höher.
- Chrome 115 oder höher
Auf Ihrem Mac benötigen Sie Folgendes:
- Das Menü Entwickeln in Safari ist aktiviert. Aktivieren Sie diese Funktion in den Safari-App-Einstellungen auf dem Tab „Erweiterte Einstellungen“.
Öffnen Sie auf Ihrem iOS-Gerät die Chrome App und rufen Sie die Einstellungen auf. Aktivieren Sie unter Inhaltseinstellungen die Option „Web-Inspektion“. Starten Sie Chrome für iOS neu, nachdem Sie diese Einstellung geändert haben.
Website debuggen
Wenn die Einstellung aktiviert ist, können Sie jede Seite, die in Chrome für iOS ausgeführt wird, mit den folgenden Schritten debuggen.
- Verbinden Sie Ihr iOS-Gerät über ein Kabel mit einem Mac.
- Rufen Sie in Chrome für iOS die Website auf, die Sie prüfen möchten.
- Öffnen Sie auf Ihrem Mac Safari. Bewegen Sie den Mauszeiger im Menü Entwickeln auf den Namen Ihres verbundenen Geräts und wählen Sie die URL der Website aus, die Sie prüfen möchten.
Im angezeigten Web Inspector-Fenster können Sie die aktuelle Webansicht debuggen. Weitere Informationen zur Verwendung der Safari-Entwicklertools finden Sie in der Dokumentation von Apple.