Was man wissen sollte
- Web Inspector auf iOS aktivieren: Gehen Sie zu Einstellungen > Safari > Erweitert und verschieben Web Inspector Kippsch alter in die Position Ein
- Verwenden Sie Web Inspector unter macOS: Schließen Sie Ihr iOS-Gerät an einen Mac an und wählen Sie die URL, die überprüft werden soll, aus dem Menü Entwickeln aus.
Wenn Sie auf einem Safari-Handy auf einen Fehler oder ein anderes Problem mit einer Website stoßen, verwenden Sie das Web Inspector-Tool, um dies zu untersuchen. In diesem Artikel wird erläutert, wie Sie die Safari-Konsole für das iPhone verwenden, um mithilfe Ihres Mac-Computers Fehler zu beheben. Die Anleitung gilt für iPhones mit iOS 14, iOS 12 oder iOS 11 sowie Macs mit macOS Big Sur (11.0), macOS Catalina (10.15) oder macOS Mojave (10.14).
Aktiviere Web Inspector auf deinem iPhone oder einem anderen iOS-Gerät
Der Web Inspector ist standardmäßig deaktiviert, da die meisten iPhone-Benutzer ihn nicht verwenden können. Wenn Sie jedoch ein Entwickler sind oder neugierig sind, können Sie es in wenigen Schritten aktivieren. So geht's:
-
Öffnen Sie das iPhone Einstellungen Menü.
Auf einem iPhone mit einer frühen iOS-Version greifen Sie über Einstellungen > Safari > Entwickler auf die Debug-Konsole zu > Debug-Konsole Wenn Safari auf dem iPhone CSS-, HTML- und JavaScript-Fehler erkennt, werden Details zu jeder Anzeige im Debugger angezeigt.
- Scrolle nach unten und tippe auf Safari, um den Bildschirm zu öffnen, der alles enthält, was mit dem Safari-Webbrowser auf deinem iPhone, iPad oder iPod touch zu tun hat.
-
Scrollen Sie zum Ende der Seite und wählen Sie Erweitert.
-
Schieben Sie den Sch alter Web Inspector in die Position Ein.
Image
Verbinden Sie Ihr iOS-Gerät mit Safari auf einem Mac
Um den Web Inspector zu verwenden, verbinden Sie Ihr iPhone oder ein anderes iOS-Gerät mit einem Mac mit dem Safari-Webbrowser und aktivieren Sie das Menü "Entwickeln".
-
Wählen Sie bei geöffnetem Safari Safari aus der Menüleiste und dann Einstellungen.
Image -
Wählen Sie die Registerkarte Erweitert.
Image -
Aktivieren Sie das Kontrollkästchen Entwicklermenü in der Menüleiste anzeigen und schließen Sie das Einstellungsfenster.
Image -
Wählen Sie in der Safari-Menüleiste Entwickeln und wählen Sie den Namen Ihres angeschlossenen iOS-Geräts. Wählen Sie dann die URL aus, die unter Safari angezeigt wirdum die Debug-Konsole für diese Seite zu öffnen.
Image Nachdem Sie Ihr Gerät angeschlossen haben, prüfen Sie mit Ihrem Mac die Website, die Sie debuggen möchten, und öffnen Sie sie im mobilen Safari-Browser.
Was ist Web Inspector?
Webentwickler verwenden Web Inspector, um Websites auf Macs und iOS-Geräten zu ändern, zu debuggen und zu optimieren. Wenn Web Inspector geöffnet ist, können Entwickler die Ressourcen auf einer Webseite untersuchen. Das Web Inspector-Fenster enthält bearbeitbaren HTML-Code und Hinweise zu den Stilen und Ebenen der Webseite in einem separaten Bereich.
Vor iOS 6 verfügte der Safari-Webbrowser des iPhone über eine integrierte Debug-Konsole, mit der Entwickler Fehler auf Webseiten fanden. Neuere Versionen von iOS verwenden stattdessen Web Inspector.
Mit Safari 9 und OS X Mavericks (10.9) hat Apple den Responsive Design Mode in Web Inspector eingeführt. Entwickler verwenden diesen integrierten Simulator, um in einer Vorschau anzuzeigen, wie Webseiten auf verschiedene Bildschirmgrößen, Auflösungen und Ausrichtungen skaliert werden.
