Anzeigen mobiler Websites in Windows mit Safari 4 Developer Tools

Video: Anzeigen mobiler Websites in Windows mit Safari 4 Developer Tools

Video: Anzeigen mobiler Websites in Windows mit Safari 4 Developer Tools
Video: HORROR COOKING - MAKING SEA LAMPREY STEAK 2024, März
Anzeigen mobiler Websites in Windows mit Safari 4 Developer Tools
Anzeigen mobiler Websites in Windows mit Safari 4 Developer Tools
Anonim

Möchten Sie mobile Websites für das 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.

Image
Image

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.
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.
Akzeptieren Sie die Lizenzvereinbarung und Safari wird automatisch installiert.
Sobald dies abgeschlossen ist, ist Safari einsatzbereit.
Sobald dies abgeschlossen ist, ist Safari einsatzbereit.
Image
Image

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 der Menüleiste anzeigen".
Klicken Sie auf die Registerkarte Erweitert und aktivieren Sie das Kontrollkästchen "Entwicklungsmenü in der 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.
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 emulieren kann, können Sie die Lesezeichen und die Registerkartenleiste ausblenden, um eine optimierte Benutzeroberfläche zu erhalten.
Damit Ihr Browser ein mobiles Gerät besser emulieren kann, 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.
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, falls vorhanden. Hier sind die anderen mobilen Angebote von Google, direkt in Windows.
Geben Sie einfach eine beliebige Website in die Adressleiste ein, und die mobile Benutzeroberfläche wird geladen, falls vorhanden. Hier sind die anderen mobilen Angebote von Google, direkt in Windows.
Google Mail lädt Nachrichten mit der Standard-iPhone-Benutzeroberfläche.
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.
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.
Image
Image

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

Empfohlen: