Wenn Sie Entwickler oder Website-Manager sind, wissen Sie sicher, wie wichtig es ist, Websites zu überprüfen, um Website-Probleme zu analysieren oder Webseiten zu debuggen. Unter iOS verfügte Safari früher über eine integrierte Debug-Konsole zur Untersuchung von Webseitenproblemen. Seit iOS 6 verlässt sich Safari auf iPhones jedoch auf das Tool Web Inspector, um Websites anzuzeigen, zu debuggen und zu analysieren.
Wenn Sie also nach einer Möglichkeit suchen, das Web Inspector-Tool auf iOS oder iPadOS zu aktivieren und es zum Debuggen von Websites auf Ihrem Mac zu verwenden, haben wir diese einfache Anleitung für Sie vorbereitet. In diesem Artikel stellen wir Ihnen Schritt für Schritt vor, wie Sie das Web Inspector-Tool auf Ihren iOS- und macOS-Geräten aktivieren und verwenden können. Auf diese Weise können Sie Probleme auf iOS- und iPadOS-Websites auf Ihren macOS-Geräten einfach aufspüren.
Im Folgenden haben wir nun die Möglichkeiten bereitgestellt, das Web Inspector-Tool für Safari auf iOS- und macOS-Geräten zu aktivieren. Daher müssen Sie bereits wissen, dass das Web Inspector-Tool für Safari nur funktioniert, wenn Sie einen Mac oder ein MacBook haben, mit dem Sie Ihr iOS-Gerät verbinden können.
Mit der hier bereitgestellten Methode können Sie das Web Inspector-Tool verwenden, um alle Ressourcen von Webseiten zu analysieren, Fehler zu beheben und zugrunde liegende Probleme der Seiten zu beheben. Diese Methode kann auch mit dem iOS-Simulator verwendet werden, der kostenlos mit XCode aus dem Mac App Store geliefert wird, um Webseiten für verschiedene Bildschirmgrößen anzuzeigen und zu skalieren.
Aktivieren Sie Web Inspector auf dem iPhone
Bevor Sie die Websites von iOS Safari auf Ihrem Mac mit Web Inspector anzeigen können, müssen Sie das Tool auf Ihrem iOS-Gerät aktivieren. Sie können dies mit den folgenden Schritten tun.
1.Öffnen Sie dieEinstellungenApp auf Ihrem iPhoned.
2.Gehe zuSafari.
3.Scrollen Sie nach unten und tippen Sie aufFortschrittlichTaste.
4.Aktivieren Sie auf der Seite „Erweiterte Einstellungen“ den Schalter fürWeb-Inspektor.
Dies ist alles, was Sie tun müssen, um das Web Inspector-Tool auf iOS zu aktivieren. Wenn diese erweiterte Einstellung auf Ihrem iPhone aktiviert ist, können Sie die auf Ihrem iOS Safari geöffneten Websites direkt im Safari-Browser auf Ihrem Mac anzeigen und bearbeiten.
Zuvor müssen Sie jedoch einige Einstellungen in Safari auf Ihrem Mac anpassen. Lesen Sie weiter, um herauszufinden, wie Sie das Web Inspector-Tool in Safari auf Ihrem Mac verwenden können.
Verwenden Sie Web Inspector für iOS Safari auf dem Mac
Um nun das Web Inspector-Tool für iOS/iPadOS Safari auf dem Mac verwenden zu können, müssen Sie Ihr iPhone oder iPad mit aktiviertem Tool über eine USB-Verbindung mit Ihrem Mac verbinden. Sobald beide Geräte verbunden sind, führen Sie die folgenden Schritte aus:
1.Öffnen Sie dieSafari-Browserauf Ihrem Mac.
2.Klicken Sie aufSafariOption in der oberen Navigationsleiste und wählen Sie die ausPräferenzenOption aus dem Menü.
3.Gehen Sie jetzt zumRegisterkarte „Erweitert“.und aktivieren Sie das Kontrollkästchen für die Option „Entwicklungsmenü in der Menüleiste anzeigen“.
4. Verlassen Sie das Einstellungsfenster und Sie sehen das NeueMenü entwickelnin Ihrer Safari-Menüleiste oben.
VERWANDT:So speichern Sie Safari-Webseiten in Quick Note auf dem iPhone in iOS 17
5.Klicken Sie aufOption entwickelnund Sie sehen Ihr iPhone oder iPad aufgelistet.
6.Bewegen Sie den Cursor auf Ihrem Gerät und Sie werden sehen, dass die auf Ihrem iOS- oder iPadOS-Safari geöffneten Websites in der Dropdown-Liste angezeigt werden.
7.Von hier aus können Sie auf die Website klicken, die Sie öffnen möchtenWeb Inspector-Konsole auf Ihrem Maczur Optimierung und zum Debuggen.
Auf diese Weise können Sie das Web Inspector-Tool für Safari ganz einfach auf Ihrem iPhone oder iPad aktivieren und verwenden und Websites auf Ihrem Mac analysieren. Der Web Inspector ist besonders nützlich, wenn Sie ein macOS-Entwickler sind, der auch iOS-Websites entwickelt oder verwaltet. Damit können Sie die Webseiten von iPhones oder iPads ganz einfach auf Ihrem Mac anzeigen und daran herumbasteln, um ihre Qualität zu verbessern und andere Probleme zu beheben.
FAQs
Wie kann ich Web Inspector auf meinem iPad aktivieren?
Der Vorgang zum Aktivieren des Web Inspector-Tools auf iPhones und iPads ist im Wesentlichen der gleiche. Daher können Sie die in diesem Artikel beschriebene Methode verwenden, um Web Inspector in Safari auf Ihrem iPad und iPhone einfach zu aktivieren.
Kann ich Webseiten auf meinem iPhone oder iPad überprüfen?
Obwohl Sie das Web Inspector-Tool in Safari auf Ihrem iPhone oder iPad aktivieren können, benötigen Sie ein macOS-Gerät und ein USB-Lightning-Kabel, um das Tool tatsächlich zum Überprüfen von Webseiten zu verwenden.
Wie kann ich die Web Inspector-Konsole auf dem Mac aufrufen?
Nachdem Sie das Menü „Entwickeln“ in der Menüleiste von Safari auf Ihrem Mac aktiviert haben (siehe oben beschriebene Schritte), können Sie in Safari auf die Option „Entwickeln“ klicken und Ihr angeschlossenes iPhone oder iPad auswählen, um die Webseiten anzuzeigen. Von hier aus können Sie auf eine Webseite klicken und die Web Inspector-Konsole öffnet die Ressourcen.
Letzte Worte
Hier ging es also darum, das Web Inspector-Tool in Safari auf iPhones und iPads zu aktivieren und zu verwenden. Es ist ein großartiges Tool für Website-Entwickler, um Webinhalte auf iOS-, iPadOS- und macOS-Geräten zu prototypisieren, zu optimieren und zu debuggen. Und wenn dieser Leitfaden einen Mehrwert für Ihre Arbeit darstellt oder Ihnen in irgendeiner Weise geholfen hat, teilen Sie uns dies bitte in den Kommentaren unten mit.