Anzeigen mobiler Websites in Windows mit Safari 4 Developer Tools

Möchten Sie mobile Websites für Ihr iPhone und andere mobile Geräte auf Ihrem PC ausprobieren? Mit Safari 4 für Windows können Sie dies ganz einfach mit ihren Entwicklertools tun.

Standardmäßig zeigt Safari Standard-Desktop-Websites. Wenn Sie jedoch eine einfache Änderung vornehmen, können Sie sie wie Safari Mobile auf dem iPhone oder iPod Touch ändern.

Fertig machen

Vergewissern Sie sich zunächst, dass Sie Safari 4 für Windows installiert haben. Sie können Safari direkt herunterladen (Link unten) und installieren Sie es wie gewohnt.

Wenn Sie bereits ein anderes Apple-Programm wie QuickTime oder iTunes installiert haben, können Sie es über das Apple-Software-Update installieren. Einfach eingeben Apple Software Aktualisierung im Suchfeld des Startmenüs.

Wählen Sie dann Safari 4 aus der Liste der verfügbaren neuen Software. Klicken Sie auf Installieren, um Safari automatisch herunterzuladen und zu installieren.

Akzeptieren Sie die Lizenzvereinbarung und Safari wird automatisch installiert.

Sobald dies abgeschlossen ist, ist Safari einsatzbereit.

Mobile Sites in Safari anzeigen

Zuerst müssen wir die Entwicklerwerkzeuge aktivieren. Klicken Sie in der Symbolleiste auf das Zahnradsymbol und wählen Sie Voreinstellungen.

Klicken Sie auf die Registerkarte "Erweitert" und aktivieren Sie das Kontrollkästchen "Entwicklungsmenü in Menüleiste anzeigen"..

Wenn Sie das Einstellungsfeld geschlossen haben, klicken Sie auf das Seitensymbol, wählen Sie Entwickeln, dann Benutzeragenten und dann eine der Mobile Safari-Einstellungen. In unserem Test haben wir Mobile Safari 3.1.2 - iPhone ausgewählt.

Damit Ihr Browser ein mobiles Gerät besser emuliert, können Sie die Lesezeichen und die Registerkartenleiste ausblenden, um eine optimierte Benutzeroberfläche zu erhalten.

Klicken Sie auf das Zahnradsymbol und wählen Sie „Lesezeichenleiste ausblenden“. Wiederholen Sie dann den Vorgang und klicken Sie auf „Registerleiste ausblenden“..

Sie können Ihr Fenster auch verkleinern, um näher an der Größe eines Bildschirms für Mobilgeräte zu sein. Nachdem Sie diese Schritte ausgeführt haben, sollte Safari diesem Screenshot ähneln. Hier haben wir Google.com geladen, und Sie können es in seiner iPhone-ähnlichen Oberfläche sehen.

Geben Sie einfach eine beliebige Website in die Adressleiste ein, und die mobile Benutzeroberfläche wird geladen, sofern sie eine hat. Hier sind die anderen mobilen Angebote von Google, direkt in Windows.

Google Mail lädt Nachrichten mit der Standard-iPhone-Benutzeroberfläche.

Eine besonders interessante mobile Website ist das Online-iPhone-Benutzerhandbuch von Apple. Wenn Sie in Safari mit der iPhone-Einstellung geladen werden, wird sie mit einer sehr schönen mobilen Benutzeroberfläche geladen, die wie eine iPhone-App funktioniert. Sie können sogar klicken und ziehen, um zu scrollen, genau wie Sie es mit einem Finger auf einem iPhone tun würden.

Fazit

Selbst wenn Sie kein Smartphone haben, können Sie mit diesem Trick eine Vorschau der Websites auf ihnen anzeigen. Natürlich funktionieren nicht alle Sites, aber es macht Spaß, mit verschiedenen Sites mit mobilen Versionen herumzuspielen.

Links:

Safari 4 herunterladen

Apple iPhone Online-Benutzerhandbuch