Brug HTML5 , kan du oprette din egen web- app til Apple iPad. Web apps bruger IPAD indbyggede Safari- webbrowser til at betjene ca. HTML5 kan anvendes sammen med CSS og JavaScript til at skabe en endeløs række af programmer , herunder spil . Brugere kan gemme app på deres hjemmeside med din app ikon. De kan også få adgang til app offline, hvis du kode den app til at cache de filer i iPad hukommelse. Instruktioner
Forskning og forberedelse
1
Vælg et program til brug for opbygning af den app . Selvom du kan bruge avancerede web design programmer som Adobe Dreamweaver, kan du også bruge en grundlæggende teksteditor som Notesblok til at oprette HTML og CSS -filer .
2
Research Apples Safari Developer Bibliotek for tutorials og kodeeksempler . Koden er tilgængelig for mange af de iPad funktioner , såsom " SlideMe ", samt andre HTML, CSS og JavaScript -kode specielt til Apple iOS enheder og til Safari i almindelighed.
3
Gør dig bekendt med de standarder og muligheder HTML5 , CSS og JavaScript til iPad. Tutorials og prøve-koder er tilgængelige i bøger fra biblioteket samt fra erfarne udviklere i blogs og fora .
Design App
4
oprette en separat HTML-side for hver side på din app . Brug HTML-links til at få brugerne til at flytte fra én side til en anden .
5
bruge touch begivenheder snarere end mus begivenheder på app sider til at rumme iPad touch screen interface. For eksempel bruger " touchstart ", " touchend ", " touchmove " og " touchcancel ", snarere end at bruge musen begivenheder.
6
" textarea " attributter til områder, hvor brugeren skal indtaste tekst i app . IPad understøtter ikke " contenteditable " attribut, computer webbrowsere bruge.
7
Medtag " " attribut på hver side, hvis du vil have app til at være tilgængelige offline. Bemærk at du også vil kræve en " htaccess " og " manifest " fil i app rodmappe for at bruge HTML5 cache evner.
Icon Design
8
Vælg et billede, der er repræsentant for din app, eller oprette et nyt billede ved hjælp af en grafisk design program som GIMP eller Photoshop. Når brugere gemmer app fra Safari, vil dit ikon på startskærmen.
9
Gem billedet som en PNG-fil , der er 114 af 114 pixels i størrelse med navnet "apple -touch - icon.png . " Placer billedfilen i rodbiblioteket for iPad app . IPad stiliserede glans og afrundede hjørner anvendes på ikonet, når den er gemt på enheden.
10
inkludere et link til ikonet i overskriften på de web-app sider ved hjælp af " < linket rel = "apple -touch -icon " href = " . /apple -touch -icon.png " /> " format. Dette link leder iPad eller andre Apple iOS -enhed , hvor ikonet er gemt.
Test på computeren
11
Hent Apples Safari browser fra Apple .com /safari , og installere det på din computer. Denne browser vil give dig mulighed for at teste din app fra din computer, mens du bygger det.
12
Launch Safari. Vælg " Preferences " fra menuen "Filer" , og vælg "Advanced ". Klik på " Vis Udvikle på menulinjen " valgmulighed. Den " Udvikle " menuen øverst i vinduet.
13
Klik på " Udvikle " menuen. Vælg "User Agent " og derefter " Other ". En dialogboks åbnes. Dobbeltklik på indholdet , og tryk på " Slet". Indsæt " Mozilla/5.0 ( iPad , U , CPU OS 3_2 som Mac OS X, en- us) AppleWebKit/531.21.10 ( KHTML , ligesom Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 "i tekstfeltet. Safari vil nu udføre som iPad versionen.