Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> hardware >> iPad >> .

Come costruire HTML5 Applicazioni iPad

Usare HTML5 , è possibile creare la propria applicazione Web per l'Apple iPad. Applicazioni Web utilizzano built-in browser Web Safari iPad per funzionare l'app . HTML5 può essere utilizzato in combinazione con i CSS e JavaScript per creare una varietà infinita di applicazioni , tra cui giochi . Gli utenti possono salvare le applicazioni sulla loro home page con l'icona della vostra applicazione . Possono inoltre accedere all'applicazione linea se si codifica l'applicazione per memorizzare nella cache i file nella memoria del iPad . Istruzioni
ricerca e preparazione
1

Seleziona il programma da utilizzare per la costruzione l'app . Anche se è possibile utilizzare sofisticati programmi di progettazione web come Adobe Dreamweaver, è possibile anche utilizzare un editor di testo di base come Blocco note per creare file HTML e CSS .
2

Safari Developer Library di ricerca di Apple per i tutorial e codice di esempio . Codice è disponibile per molte delle caratteristiche iPad, come ad esempio " SlideMe ", così come altre HTML , CSS e codice JavaScript specificatamente per i dispositivi Apple iOS e per Safari in generale.
3

familiarizzare con le norme e le capacità di HTML5 , CSS e JavaScript per l'iPad . Tutorial e codici di esempio sono disponibili in libri dalla biblioteca, nonché da sviluppatori esperti in blog e forum .
Progettare l'app
4

creare una pagina HTML separata per ogni pagina del tuo app . Usa i link HTML che gli utenti di spostarsi da una pagina all'altra .
5

Usate eventi touch piuttosto che gli eventi del mouse sulle pagine di app per ospitare l'interfaccia touch screen iPad. Ad esempio, utilizzare " TouchStart , " " touchEnd ", " touchMove " e " touchcancel , " piuttosto che utilizzare gli eventi del mouse .
6

Usate " textarea " gli attributi di stile per le aree in cui l' utente deve inserire il testo in app . L'iPad non supporta l'attributo " contentEditable " che i browser Web del computer utilizzano .
7

Includere l'attributo " " su ogni pagina se si desidera l'applicazione sia disponibile non in linea. Si noti che è anche necessario un file " manifest" nella directory principale della app " htaccess " e al fine di utilizzare le capacità della cache di HTML5 .
Icon Design
8

Seleziona un'immagine che è rappresentativo della vostra applicazione , o di creare una nuova immagine utilizzando un qualsiasi programma di grafica come GIMP o Photoshop . Quando gli utenti salvano l'app da Safari , l'icona viene visualizzata nella schermata principale .
9

Salvare l' immagine come file PNG , che è di 114 per 114 pixel di dimensione con il nome di "apple - touch- icon.png . " Inserire il file immagine nella directory principale per l'applicazione per iPad . La lucentezza stilizzata iPad e gli angoli arrotondati sono applicati all'icona quando viene salvato sul dispositivo .
10

Includere un link per l'icona nella intestazione delle pagine web app che utilizzano il " link < rel = " apple -touch -icon " href = " . /apple -touch - icon.png " /> " formato . Questo link indirizza l'iPad , o qualsiasi altro dispositivo iOS di Apple , per cui l'icona è salvato .
Test su Safari browser del computer
11

Scarica di Apple da Apple .com /safari , e installarlo sul vostro computer. Questo browser vi permetterà di testare la vostra applicazione dal computer mentre si sta costruendo esso.
12

lancio Safari . Selezionate "Preferenze" dal menu "File " e selezionare "Avanzate ". Fai clic su " Mostra menu Sviluppo nella barra dei menu " opzione . Il menu "Sviluppo" viene visualizzata nella parte superiore della finestra .
13

Fare clic sul menu "Sviluppo" . Selezionare " User Agent ", quindi " Altro". Si apre una finestra di dialogo. Fare doppio clic sul contenuto , e premere "Elimina . " Incolla " Mozilla/5.0 ( iPad; U ; CPU OS 3_2 come Mac OS X ; en-us ) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " nel campo di testo . Safari ora eseguirà come la versione per iPad .

 

hardware © www.354353.com