Hjemmeside » hvordan » Oplev iPad-brugergrænsefladen på din pc

    Oplev iPad-brugergrænsefladen på din pc

    Vil du teste drev iPad uden at gå over til en Apple Store? Her kan du opleve nogle af iPad-brugergrænsefladen lige fra din browser!

    IPad er den nyeste gadget fra Apple til wow tech verden, og folk ventede selv i køen hele natten for at være en af ​​de første til at få deres hænder på en. Takket være et simpelt JavaScript-trick kan du imidlertid få en fornemmelse for nogle af dens nye funktioner uden at forlade computeren. Dette vil ikke lade dig prøve alt på iPad, men det vil lade dig se, hvordan de nye lister og pop-over-menuer fungerer som de gør i de nye apps.

    Testdrev iPad-brugergrænsefladen fra din browser

    Normalt ser Apple iPhone-udviklerbiblioteket online på en standardwebside.

    Men på iPad ser det ud og føles som en fuldblæst indfødt iPad app. Med et nifty JavaScript trick fra boredzo.org kan du bruge den samme grænseflade på din pc. Da iPad bruger Safari-browseren, kørte vi denne test i Safari til Windows. Hvis du ikke allerede har installeret det, kan du downloade det fra Apple (link nedenfor) og setup som normalt.

    Nu skal du åbne Safari og gennemse til Apples udvikler side på:

    http://developer.apple.com

    Indtast nu følgende i adresselinjen, og tryk på Enter.

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

    Endelig klik på dette link for at gå til iPhone OS dokumentationen.

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

    Efter en kort forsinkelse skal den åbne i fuld iPad stil!

    Den venstre menu fungerer ligesom menuerne på iPad, komplet med overgange. Det føles helt som en indbygget applikation, i stedet for en webside. Hvis du vil rulle gennem tekst, skal du klikke og trække op eller ned på samme måde som du vil bruge den på en berøringsskærm.

    Nogle sider indeholder endda en pop-up menu, som mange af de nye iPad apps bruger.

    Bemærk, at siden vil blive gengivet for størrelsen på din browser, og hvis du ændrer størrelsen på dit vindue, ændres siden ikke til den. Du skal blot trykke på F5 for at genindlæse siden, og den vil ændre størrelse for at passe til det nye vindues størrelse. Hvis du ændrer størrelsen på dit vindue for at være høje og smalle, som iPad i vandret tilstand, ændres websiden, og den venstre menu forsvinder i stedet for en rullemenu ligesom det ville hvis du roterede iPad.

    Dette fungerer også i Chrome, da det som Safari er baseret på Webkit. Det forekom dog ikke at fungere i vores test på Firefox eller andre browsere.

    Vi har tidligere dækket, hvordan du kan opleve nogle af iPhone's brugergrænseflade med den online iPhone brugervejledning. Tjek det ud, hvis du ikke har endnu:

    Se Mobile Websites i Windows med Safari 4 Developer Tools

    Konklusion

    Selv om dette ikke gør det muligt for dig at prøve hele iPad-grænsefladen, giver den dig i det mindste en smag af, hvordan det virker. Det er spændende at se, hvor meget funktionalitet der kan pakkes ind i webapps i dag. Og ikke glem, How-To Geek giver væk en iPad til en tilfældig fan! Gå videre til vores Facebook-side og fan How-to Geek, hvis du ikke allerede har gjort det.

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