Hvis du oppretter et nettsted som vil bli sett i en WebKit-drevne mobile enhet, følger disse reglene. Noen enkle trinn vil gjøre sidene dine raskt og robust, men de er på
Bruk HTML5 doctype
. ≪.! DOCTYPE html >.
< meta name = "view" content = "width = device-width, initial-skala = 1.0" >.
Bruk en væske layout med minimum bredde på 320 piksler
#page -wrapper {background: white; min-width: 320px; max-width: 1260px; margin: 10px auto; }
Gjør klikkbare knapper touch-vennlig.
Apple anbefaler en størrelse på minst 44 piksler x 44 piksler.
Sett tilpassede startbildet med ikoner.
For iPhone 4 med høy oppløsning Retina display:
< link rel = "apple-touch-ikon-forhåndssammensatt" størrelser = "114x114" href = "img /h /eple-touch-icon.png" > For første- generasjon iPad:
< link rel = "apple-touch-ikon-forhåndssammensatt" størrelser = "72x72" href = "img /m /eple-touch-icon.png" > For ikke-Retina iPhone, iPod Touch , og Android 2.1 + enheter:
< link rel = "apple-touch-ikon-forhåndssammensatt" href = "img /l /eple-touch-ikon-precomposed.png" > For Nokia-enheter:
< link rel = "snarveisikonet" href = "img /l /eple-touch-icon.png" >
Konfigurer iOS Web appinnstillingene
. < meta name = "Apple-mobil -web-app-stand "content =" ja "> < meta name =" apple-mobile-web-app-status-bar-stil "content =" black-gjennomskinnelig "> < link rel =" eple -touch-oppstart-image "href =" img /l /splash.png ">..
optimalisere bildene dine
Bruk alternativer til punktgrafikk, for eksempel CSS3 eller SVG, når det er mulig
Ikke bruke mus-over effekter.
Hvis nettstedet ditt navigasjon avhenger svever over en meny for å se undermeny, området vil være ubrukelig på berøringsfølsomme skjermer.
< li> Minimer Javascript med lås (http://closure-compiler.appspot.com/home)
Gjør dette:.
//== ClosureCompiler == //compilation_level SIMPLE_OPTIMIZATIONS //output_file_name default.js //== /ClosureCompiler == //Legg inn KODE HEREfunction hallo (navn) {alert ('Hei', + navn);} hallo ('Ny bruker'); Into:
funksjonen hallo (a) { alert ("Hello," + a)} hallo ("Ny bruker");
Bruk programmet cache. Ikke bare vil det gjøre din app som kan brukes i frakoblet modus, det vil også forbedre ytelsen
. ≪ html manifest = "myapp.appcache" >
Next Page:Macintosh Pris og Power Guide