Hjemmeside » hvordan » Opplev iPad UI på din PC

    Opplev iPad UI på din PC

    Ønsker du å teste kjøre iPad uten å gå over til en Apple Store? Her kan du oppleve noen av iPad-brukergrensesnittet direkte fra nettleseren din!

    IPad er den nyeste gadgeten fra Apple for å wow tech verden, og folk ventet selv i kø hele natten for å være en av de første til å få hendene på en. Takket være et enkelt JavaScript-trick kan du imidlertid få en følelse for noen av de nye funksjonene uten å forlate datamaskinen. Dette vil ikke la deg prøve ut alt på iPad, men det vil la deg se hvordan de nye lister og pop-over-menyer fungerer som de gjør i de nye appene.

    Test kjør iPadens brukergrensesnitt fra nettleseren din

    Vanligvis ser Apple iPhone-utviklerbiblioteket på nettet som en vanlig nettside.

    Men på iPad ser det ut og føles som en fullblåst, innfødt iPad-app. Med et greit JavaScript-trick fra boredzo.org kan du bruke dette samme grensesnittet på din PC. Siden iPad bruker Safari-nettleseren, kjørte vi denne testen i Safari for Windows. Hvis du ikke allerede har installert det, kan du laste det ned fra Apple (lenke nedenfor) og oppsett som normalt.

    Nå, åpne Safari og bla til Apples utvikler side på:

    http://developer.apple.com

    Skriv inn følgende i adressefeltet, og trykk Enter.

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

    Til slutt klikker du denne lenken for å gå til iPhone OS dokumentasjonen.

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

    Etter kort forsinkelse bør den åpne i full iPad stil!

    Den venstre menyen fungerer som menyene på iPad, komplett med overganger. Det føles helt som en opprinnelig applikasjon, i stedet for en nettside. Hvis du vil bla gjennom tekst, klikker du og trekker opp eller ned på samme måte som du vil bruke den på en berøringsskjerm.

    Noen sider inkluderer selv en pop-up-meny som mange av de nye iPad-appene bruker.

    Vær oppmerksom på at siden vil bli gjengitt for størrelsen på nettleseren din, og hvis du endrer størrelsen på vinduet, endres ikke størrelsen på siden. Bare trykk på F5 for å laste siden på nytt, og den vil endre størrelsen slik at den passer til det nye vinduets størrelse. Hvis du endrer størrelsen på vinduet ditt for å være høyt og smalt, som iPad i horisontal modus, endres nettsiden, og den venstre menyen forsvinner i stedet for en rullegardinmeny, akkurat som det ville hvis du roterte iPad.

    Dette fungerer også i Chrome, siden det, som Safari, er basert på Webkit. Det virket imidlertid ikke å fungere i vår test på Firefox eller andre nettlesere.

    Vi har tidligere dekket hvordan du kan oppleve noen av iPhone-brukergrensesnittet med den elektroniske iPhone-brukerhåndboken. Sjekk det ut hvis du ikke har ennå:

    Se Mobilnettsteder i Windows med Safari 4 Utviklerverktøy

    Konklusjon

    Selv om dette ikke lar deg virkelig prøve ut alle iPad-grensesnittet, gir det deg minst en smak av hvordan det fungerer. Det er spennende å se hvor mye funksjonalitet som kan pakkes inn i webapps i dag. Og ikke glem, How-To Geek gir bort en iPad til en tilfeldig fan! Gå over til vår Facebook-side og fan How-to Geek hvis du ikke allerede har gjort det.

    Vinn en iPad på How-To Geek Facebook Fan Page