Poznaj interfejs użytkownika iPada na swoim komputerze

Chcesz przetestować iPada na iPada bez przechodzenia do sklepu Apple? Oto sposób na poznanie niektórych interfejsów iPada bezpośrednio w przeglądarce!

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 opuszczania 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 z przeglądarki

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. Przy sprawnej 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 wejdź 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. Wydaje 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 znika zamiast menu rozwijanego, tak jak w przypadku obracania 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

Chociaż nie pozwala to na wypróbowanie całego interfejsu iPada, przynajmniej daje mu to szansę na sprawdzenie, jak to działa. To ekscytujące zobaczyć, jak wiele funkcjonalności można dziś spakować w aplikacje internetowe. 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 fan page How-To Geek na Facebooku