If-Koubou

Poznaj interfejs użytkownika iPada na swoim komputerze

Poznaj interfejs użytkownika iPada na swoim komputerze (Jak)

Chcesz przetestować iPada na iPada bez przechodzenia do sklepu Apple? Oto sposób, w jaki możesz korzystać z interfejsu iPada prosto z przeglądarki!

IPad to najnowszy gadżet firmy Apple, który zadziwił świat technologii, a ludzie nawet czekali całą noc na bycie jednym z pierwszych, którzy dostali się do rąk. Dzięki prostej sztuczce JavaScript możesz jednak poznać niektóre z nowych funkcji bez wychodzenia z komputera. To nie pozwoli ci wypróbować wszystkiego na iPadzie, ale pozwoli ci zobaczyć, jak nowe listy i pop-over działają tak, jak robią to w nowych aplikacjach.

Przetestuj interfejs użytkownika iPada w przeglądarce

Zwykle biblioteka programistów Apple iPhone wygląda jak standardowa strona internetowa.

Ale na iPadzie wygląda i wygląda jak pełnowymiarowa natywna aplikacja na iPada. Dzięki świetnej sztuczce JavaScript z boredzo.org możesz użyć tego samego interfejsu na swoim komputerze. Ponieważ iPad używa przeglądarki Safari, uruchomiliśmy ten test w Safari dla systemu Windows. Jeśli jeszcze go nie zainstalowałeś, możesz pobrać go z firmy Apple (link poniżej) i skonfigurować jak zwykle.

Teraz otwórz Safari i przejdź na stronę programisty Apple:

http://developer.apple.com

Teraz wprowadź w pasku adresu następujące dane i naciśnij Enter.

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

Na koniec kliknij ten link, aby przejść do dokumentacji iPhone'a OS.

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

Po krótkim czasie powinien się otworzyć w pełnym stylu iPada!

Lewe menu działa tak samo jak menu na iPadzie, wraz z przejściami. Czuje się zupełnie jak natywna aplikacja, zamiast strony internetowej. Aby przewinąć tekst, kliknij i podciągnij w górę lub w dół, podobnie jak na ekranie dotykowym.

Niektóre strony zawierają nawet menu pop-over, jak wiele nowych aplikacji na iPada.

Zwróć uwagę, że strona będzie renderowana dla rozmiaru przeglądarki, a jeśli zmienisz rozmiar okna, strona nie zmieni rozmiaru. Po prostu naciśnij klawisz F5, aby ponownie załadować stronę, a rozmiar zostanie dopasowany do nowego rozmiaru okna. Jeśli zmienisz rozmiar okna, które ma być wysokie i wąskie, tak jak iPad w trybie poziomym, strona internetowa zmieni się, a menu po lewej stronie zniknie zamiast menu rozwijanego, tak jak po obróceniu iPada.

Działa to również w Chrome, ponieważ podobnie jak Safari opiera się na Webkit. Jednak nie działało to w naszym teście na Firefoksie ani w innych przeglądarkach.

Wcześniej omawialiśmy, jak możesz korzystać z interfejsu użytkownika iPhone'a za pomocą podręcznika użytkownika iPhone'a. Sprawdź to, jeśli jeszcze tego nie zrobiłeś:

Zobacz strony mobilne w systemie Windows za pomocą narzędzi programistycznych Safari 4

Wniosek

Mimo że nie pozwala to na wypróbowanie całego interfejsu iPada, przynajmniej daje mu to pojęcie, jak to działa. To ekscytujące zobaczyć, jak wiele funkcjonalności można dziś wykorzystać w aplikacjach internetowych. I nie zapominaj, że How-to Geek rozdaje iPada przypadkowemu fanowi! Udaj się na naszą stronę na Facebooku i kibica How-to Geek, jeśli jeszcze tego nie zrobiłeś.

Wygraj iPada na stronie fanów How-To Geek na Facebooku