Tapasztalja meg az iPad UI-t a számítógépén

Tapasztalja meg az iPad UI-t a számítógépén
Tapasztalja meg az iPad UI-t a számítógépén

Videó: Tapasztalja meg az iPad UI-t a számítógépén

Videó: Tapasztalja meg az iPad UI-t a számítógépén
Videó: HowTo Stream Windows 7/10 Desktop To Multiple/Any Streaming Device Audio & Video with VLC - YouTube 2024, November
Anonim

Szeretné tesztelni a meghajtó iPad-et anélkül, hogy az Apple boltba megy? Íme egy példa arra, hogy megtapasztalhatja az iPad UI egyikét közvetlenül a böngészőből!

Az iPad az Apple legfrissebb gadgetje a tech világnak, és az emberek egész éjjel egész sorban várakoztak, hogy az elsőek legyenek az egyik kezükre. Egy egyszerű JavaScript-trükknek köszönhetően azonban az új funkciók egyfajta érzetét kaphatják anélkül, hogy elhagynák a számítógépet. Ez nem engedi meg, hogy mindent megpróbáljon az iPaden, de megmutatja, hogyan működnek az új listák és a felbukkanó menük, mint az új alkalmazásokban.

Tesztelje az iPad felhasználói felületét a böngészőből

Általában az Apple iPhone fejlesztői könyvtár online néz ki, mint egy szabványos weboldal.

Image
Image

De az iPaden úgy néz ki és úgy érzi magát, mint egy teljesen feltöltött natív iPad alkalmazás. A Boredzo.org-tól egy remek JavaScript trükk segítségével ugyanezt az interfészt használhatja a számítógépén. Mivel az iPad a Safari böngészőt használja, ezt a tesztet a Safari for Windows programban futtattuk. Ha még nem telepítette azt, akkor letöltheti az Apple-ből (link alatt) és a szokásos beállítás.

Most nyissa meg a Safari alkalmazást, és keresse meg az Apple fejlesztői oldalt:
Most nyissa meg a Safari alkalmazást, és keresse meg az Apple fejlesztői oldalt:

https://developer.apple.com

Most írja be a következőt a címsorba, és nyomja meg az Enter billentyűt.
Most írja be a következőt a címsorba, és nyomja meg az Enter billentyűt.

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

Végül kattintson erre a linkre az iPhone OS dokumentációhoz.
Végül kattintson erre a linkre az iPhone OS dokumentációhoz.

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

Rövid késés után teljesen iPad stílusban kell megnyitnia!

A bal oldali menü ugyanúgy működik, mint az iPaden található menük, átmenetekkel. Teljesen úgy érzi, mint egy natív alkalmazás, nem pedig egy weboldal. A szövegen való görgetéshez kattintson a és a felfelé vagy lefelé húzva, hasonlóan az érintőképernyőn.
A bal oldali menü ugyanúgy működik, mint az iPaden található menük, átmenetekkel. Teljesen úgy érzi, mint egy natív alkalmazás, nem pedig egy weboldal. A szövegen való görgetéshez kattintson a és a felfelé vagy lefelé húzva, hasonlóan az érintőképernyőn.

Néhány oldal még tartalmaz egy pop-up menüt, mint sok új iPad alkalmazás.

Ne feledje, hogy az oldal a böngésző méretének megfelelően fog megjelenni, és ha átméretezi az ablakot, akkor az oldal nem fog átméretezni. Egyszerűen nyomja meg az F5 billentyűt az oldal újratöltéséhez, és átméretezi az új ablak méretét. Ha átméretezi az ablakot, hogy magas és keskeny legyen, mint az iPad vízszintes módban, akkor a weboldal megváltozik, és a bal oldali menü eltűnik egy legördülő menü helyett, ahogyan az iPad forgatásakor is.
Ne feledje, hogy az oldal a böngésző méretének megfelelően fog megjelenni, és ha átméretezi az ablakot, akkor az oldal nem fog átméretezni. Egyszerűen nyomja meg az F5 billentyűt az oldal újratöltéséhez, és átméretezi az új ablak méretét. Ha átméretezi az ablakot, hogy magas és keskeny legyen, mint az iPad vízszintes módban, akkor a weboldal megváltozik, és a bal oldali menü eltűnik egy legördülő menü helyett, ahogyan az iPad forgatásakor is.
Ez a Chrome-ban is működik, hiszen, mint a Safari, a Webkit alapja. Úgy tűnik azonban, hogy nem működik a Firefox vagy más böngészők tesztelésében.
Ez a Chrome-ban is működik, hiszen, mint a Safari, a Webkit alapja. Úgy tűnik azonban, hogy nem működik a Firefox vagy más böngészők tesztelésében.
Korábban azt fedeztük fel, hogyan érheti el az iPhone egyik kezelőfelületét az online iPhone felhasználói útmutató segítségével. Ellenőrizze, ha még nem rendelkezik:
Korábban azt fedeztük fel, hogyan érheti el az iPhone egyik kezelőfelületét az online iPhone felhasználói útmutató segítségével. Ellenőrizze, ha még nem rendelkezik:

Tekintse meg a mobil weboldalakat a Windows rendszerben a Safari 4 fejlesztői eszközökkel

Image
Image

Következtetés

Bár ez nem engedi, hogy igazán kipróbáld az iPad felületét, legalább megmutatja, hogyan működik. Érdekes megnézni, hogy mennyi funkciót tölthet be a webappákba ma. És ne felejtsük el, hogy a How-to Geek egy iPad-et ad el véletlenszerű rajongónak! Menj át a Facebook oldalunkra, és töltsd le a How-to Geek rajongót, ha még nem tette meg.

Nyerj egy iPadet a How-To Geek Facebook Fan-oldalán

Ajánlott: