Ab Chrome 115 kannst du das Safari Web Inspector-Debugging für Chrome unter iOS aktivieren. In diesem Beitrag werden die ersten Schritte erläutert.
Vor Chrome 115 musste für das Debugging von Webseiten Chrome für iOS aus der Quelle erstellt werden, da die veröffentlichte Version von WKWebView kein Remote-Web Inspector-Debugging unterstützt. In Chrome 73 haben wir die Seite chrome://Inspect hinzugefügt. Diese Seite zeigt lokal JavaScript-Protokolle an, um Fehler bei Webseiten zu beheben. Da WKWebView jetzt das Web Inspector-Debugging im Release (ab iOS 16.4) zulässt, haben wir eine Einstellung in Chrome 115 hinzugefügt, um diese Funktion zu aktivieren und die Entwicklererfahrung weiter zu verbessern.
Erste Schritte
Auf Ihrem iOS-Gerät benötigen Sie Folgendes:
- iOS 16.4 oder höher
- Chrome 115 oder höher.
Für Ihren Mac ist Folgendes erforderlich:
- Das Safari-Menü Entwickler ist aktiviert. Du kannst dies in den Safari-Anwendungseinstellungen auf dem Tab „Erweiterte Einstellungen“ aktivieren.
Starten Sie auf Ihrem iOS-Gerät die Chrome App und rufen Sie die Einstellungen auf. Aktivieren Sie unter Inhaltseinstellungen den Web Inspector. Starten Sie Chrome für iOS neu, nachdem Sie diese Einstellung geändert haben.
Fehler auf Ihrer Website beheben
Wenn diese Einstellung aktiviert ist, können Sie alle Seiten debuggen, die in Chrome für iOS ausgeführt werden. Gehen Sie dazu so vor:
- Verbinden Sie Ihr iOS-Gerät über ein Kabel mit einem Mac.
- Rufen Sie in Chrome für iOS die Website auf, die Sie sich ansehen möchten.
- Starten Sie Safari auf Ihrem Mac. Bewegen Sie im Menü Develop den Mauszeiger auf den Namen des verbundenen Geräts und wählen Sie die URL der Website aus, die Sie prüfen möchten.
Das angezeigte Web Inspector-Fenster ermöglicht das Debugging der aktuellen Webansicht. Weitere Informationen zur Verwendung der Safari-Entwicklertools finden Sie in der Dokumentation von Apple.