Erleben Sie die iPad-Benutzeroberfläche auf Ihrem PC

Möchten Sie das iPad testen, ohne in einen Apple Store zu wechseln? Hier können Sie einige der iPad-Benutzeroberfläche direkt von Ihrem Browser aus erleben!

Das iPad ist das neueste Gadget von Apple, um die Tech-Welt zu begeistern, und die Leute haben sogar die ganze Nacht gewartet, um als eine der Ersten in die Finger zu kommen. Dank eines einfachen JavaScript-Tricks können Sie jedoch einige neue Funktionen ausprobieren, ohne den Computer zu verlassen. Dadurch können Sie nicht alles auf dem iPad ausprobieren, aber Sie werden sehen, wie die neuen Listen und Pop-Over-Menüs genauso funktionieren wie in den neuen Apps.

Testen Sie die iPad-Benutzeroberfläche von Ihrem Browser

Normalerweise sieht die Apple iPhone-Entwicklerbibliothek online wie eine Standard-Webseite aus.

Aber auf dem iPad sieht und fühlt es sich wie eine ausgewachsene native iPad App an. Mit einem raffinierten JavaScript-Trick von boredzo.org können Sie die gleiche Schnittstelle auf Ihrem PC verwenden. Da das iPad den Safari-Browser verwendet, haben wir diesen Test in Safari für Windows ausgeführt. Wenn Sie es noch nicht installiert haben, können Sie es von Apple herunterladen(

Link unter ) und wie gewohnt einrichten.

Öffnen Sie nun Safari und navigieren Sie zur Apple-Entwicklerseite unter:

http://developer.apple.com

Geben Sie nun Folgendes in die Adressleiste ein und drücken Sie die Eingabetaste.

javascript: localStorage.setItem( 'debugSawtooth', 'true')

Klicken Sie abschließend auf diesen Link, um zur iPhone OS-Dokumentation zu gelangen.

http: //developer.apple.com/iphone/library/iPad/

Nach einer kurzen Verzögerung sollte es in voller iPad-Stil öffnen!

Das linke Menü funktioniert genau wie die Menüs auf dem iPad, komplett mit Übergängen. Es fühlt sich ganz wie eine native Anwendung an, anstelle einer Webseite. Um durch den Text zu blättern, klicken Sie auf und ab, ähnlich wie Sie es auf einem Touchscreen verwenden würden.

Einige Seiten enthalten sogar ein Pop-Over-Menü wie viele der neuen iPad-Apps.

Beachten Sie, dass die Seite für die Größe Ihres Browsers gerendert wird. Wenn Sie die Größe Ihres Fensters ändern, wird die Größe der Seite nicht geändert. Drücken Sie einfach F5, um die Seite neu zu laden, und die Größe wird an die neue Fenstergröße angepasst. Wenn Sie die Größe Ihres Fensters ändern, um groß und schmal zu sein, wie das iPad im horizontalen Modus, ändert sich die Webseite und das linke Menü wird anstelle eines Dropdown-Menüs verschwinden, genau wie wenn Sie das iPad drehen würden.

Dies funktioniert auch in Chrome, da es wie Safari auf Webkit basiert. In unserem Test auf Firefox oder anderen Browsern schien es jedoch nicht zu funktionieren.

Wir haben bereits besprochen, wie Sie einige der iPhone-Benutzeroberflächen mit dem Online-Benutzerhandbuch für iPhone erleben können. Sieh es dir noch einmal an:

Zeige mobile Websites in Windows mit Safari 4 Entwicklertools

Fazit

Obwohl dies nicht alle Möglichkeiten des iPad-Interface ausprobiert, gibt es zumindest einen Vorgeschmack darauffunktioniert. Es ist spannend zu sehen, wie viel Funktionalität heute in Webapps gepackt werden kann. Und vergiss nicht, How-to Geek verlost ein iPad an einen zufälligen Fan! Besuchen Sie unsere Facebook-Seite und den Fan-How-to-Geek, falls Sie dies noch nicht getan haben.

Gewinne ein iPad auf der How-To Geek-Facebook-Fanseite