, hvis du er at oprette et websted, der skal ses i en webkit drevet mobilt udstyr, følger disse regler.et par enkle foranstaltninger vil gøre din sider fast og solid, men de er set.,,,,,,, html5, doctype.,,, <!DOCTYPE html>, , , ,,Optimize,the,mobile,viewport.,, ,<meta name="viewport" content="width=device-width, initial-scale=1.0">, , , ,,Use,a,fluid,layout,with,a,minimum,width,of,320,pixels.,, ,#page-wrapper { background: white; min-width: 320px; max-width: 1260px; margin: 10px auto; }, , , ,,Make,clickable,buttons,touch-friendly.,, ,Apple recommends a size of at least 44 pixels x 44 pixels., , , ,,Set,custom,home,screen,icons.,, ,For iPhone 4 with high-resolution Retina display:, ,<link rel="apple-touch-icon-precomposed" sizes="114x114" ,href="img/h/apple-touch-icon.png">, ,For first-generation iPad:, ,<link rel="apple-touch-icon-precomposed" sizes="72x72" ,href="img/m/apple-touch-icon.png">, ,For non-Retina iPhone, iPod Touch, and Android 2.1+ devices:, ,<link rel="apple-touch-icon-precomposed" ,href="img/l/apple-touch-icon-precomposed.png">, ,For Nokia devices:, ,<link rel="shortcut icon" href="img/l/apple-touch-icon.png">, , , ,,Configure,iOS,Web,app,settings.,, ,<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style", content="black-translucent"> <link rel="apple-touch-startup-image" href="img/l/splash.png">, , , ,,Optimize,your,images.,, ,Use alternatives to bitmap graphics, such as CSS3 or SVG, whenever possible., , , ,,Don't,use,mouse-over,effects.,, ,If your site navigation depends on hovering over et menukort se submenu, vil området være uanvendelige på røre skærme.,,,,, mindske, javascript med lukning, (http: //lukningen ansvarlige. appspot. kom hjem).,,, gøre dette: //= = closurecompiler = = //@ compilation_level simple_optimizations //@ output_file_name default.js //= = = = /////////closurecompiler tilføje din kode her funktion - (navn) (indberetning ('hello, + navn)) - (den nye bruger "), til denne:,, funktion - (en) {indberetning (" goddag ". a)" ("nye brugere");,,,,,,, anvendelse, cache. ikke kun vil gøre din app, anvendelige i offline tilstand, vil det også forbedre præstationerne.,,,, < http: //åbenbar = "myapp. appcache" >,,
maksimering af webkit mobile
Next Page:macintosh pris - og magt, vejledning