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