So verwenden Sie den Web Inspector in Safari für iOS

Auf Websites wird nicht immer von einem Desktop-System aus zugegriffen. Auch mobile Geräte verfügen über Browser und werden für den Zugriff auf Websites genauso oft, wenn nicht sogar häufiger, verwendet wie auf Desktops. In seltenen Fällen verfügen beliebte Websites über eine mobile App, die meisten Websites jedoch nicht. Aus diesem Grund muss eine Website sowohl auf Desktop- als auch auf mobilen Browsern einigermaßen funktionieren. Um sicherzustellen, dass dies der Fall ist, müssen Websites während der Entwicklung in mobilen Webbrowsern debuggt werden. Hier treten Probleme auf, da sie keine Konsole wie Desktop-Browser haben.

Müssen Sie auf die Konsole für mobiles Chrome unter Android zugreifen? Sehen Sie sich unseren Leitfaden an .

Webinspektor auf Safari

Wenn Sie Websites in Safari unter iOS debuggen, können Sie den integrierten Web-Inspektor von Safari verwenden. Die einzige Einschränkung besteht darin, dass Sie einen Mac benötigen. Auf die Webkonsole auf dem mobilen Safari wird über Safari auf einem Mac zugegriffen. Das Einrichten dauert eine Weile.

iCloud-Konto

Um den Web-Inspektor in Safari verwenden zu können, müssen das iOS-Gerät und der Mac dasselbe iCloud-Konto verwenden und auf die Synchronisierung von Safari eingestellt sein.

Mac OS

1. Öffnen Sie die Systemeinstellungen .
2. Gehen Sie zu Apple ID (notieren Sie sich die verwendete ID).
3. Wählen Sie iCloud in der linken Spalte aus und stellen Sie sicher, dass Safari im Bereich rechts aktiviert ist .
4. Öffnen Sie Safari .
5. Klicken Sie in der Menüleiste auf Safari und wählen Sie Einstellungen .
6. Auf Safari-Einstellungen , gehen Sie auf die Registerkarte Erweitert .
7. Aktivieren Sie das 'Entwicklungsmenü in der Menüleiste anzeigen' .

iOS

1. Öffnen Sie die Einstellungen- App.
2. Tippen Sie oben auf Ihr Konto .
3. Stellen Sie sicher, dass die verwendete Apple-ID mit der auf dem Mac identisch ist .
4. Tippen Sie auf iCloud .
5. Aktivieren Sie iCloud für Safari .
6. Kehren Sie zum Hauptbildschirm der Einstellungen-App zurück .
7. Gehen Sie zu Allgemein und scrollen Sie nach unten.
8. Gehen Sie zu Zurücksetzen> Standort & Datenschutz zurücksetzen .

Webinspektor aktivieren

Sie können jetzt das iOS-Gerät mit Ihrem Mac verbinden.

1. Mit Hilfe eines Datenkabels , schließen Sie das iPhone (oder iPad) auf den Mac .
2. Auf Ihrem iPhone werden Sie gefragt, ob der Computer, mit dem es verbunden ist, vertrauenswürdig ist. Tippen Sie auf Vertrauen und geben Sie den Passcode für Ihr Gerät ein .
3. Öffnen Sie Safari auf dem iPhone und besuchen Sie die Website, die Sie debuggen möchten .
4. Öffnen Sie auf dem Mac Safari und gehen Sie zu Entwickeln . Ihr iPhone sollte im Untermenü angezeigt werden. Wählen Sie es aus und wählen Sie die Website aus , die Sie debuggen möchten. Es wird im Untermenü angezeigt.
5. Es öffnet sich ein neues Fenster mit dem Webinspektor .

Fehlerbehebung

In einigen Fällen funktioniert die obige Methode möglicherweise nicht. Dies ist ein Fehler bei macOS. Die einzige Sache, die in fast allen Fällen funktioniert, ist die untenstehende Fehlerbehebung. Führen Sie jedoch die folgenden Schritte aus, NACHDEM Sie die Schritte im vorherigen Abschnitt befolgt haben.

1. Trennen Sie das iPhone vom Mac.
2. Öffnen Sie die Einstellungen-App auf dem iPhone .
3. Gehen Sie zu Allgemein> Zurücksetzen> Standort & Datenschutz zurücksetzen .
4. Schalten Sie auf dem i Phone WLAN aus, aktivieren Sie Bluetooth und aktivieren Sie den mobilen Hotspot .
5. Verbinden Sie das iPhone mit dem Mac . Vertrauen Sie dem Computer, wenn Sie auf dem iPhone dazu aufgefordert werden.
6. Öffnen Sie Safari auf dem iPhone und besuchen Sie die Website, die Sie debuggen möchten.
7. Öffnen Sie auf dem Mac Safari .
8. Gehen Sie zu Entwickeln>Ihr iPhone>Über Netzwerk verbinden .
9. Gehen Sie als Nächstes zu Entwickeln>Ihr iPhone>Wählen Sie die in Safari auf dem iPhone geöffnete Website aus .

Fazit

Das Debuggen einer Website in Safari für iOS kann nur mit einem Mac durchgeführt werden. Sie müssen sicherstellen, dass die Version von Safari auf iOS mit der auf dem Mac übereinstimmt. Eine gute Faustregel ist, beim Debuggen einer Website immer die neueste stabile Version von iOS und macOS auszuführen. Dadurch wird sichergestellt, dass die Safari-Version auf beiden Plattformen gleich ist.