Kaktus ja kahvi Illustration️ -kuvitus iPad Prolla

Haluaisin, että verkkosivustoni olisi käytettävissä (esim. Täysin käyttökelpoinen) iPadin kautta.

Mitä minun pitää tehdä?

  • 4 Kunnioita mahtavia työpaikkoja ...

Yleinen puhuminen (err ... kirjoittaminen) sinun tarvitsee vain pyrkiä HTML 5- ja Safari Specific CSS3 -sääntöihin, luoda kaltevuudet, varjot jne.

Lisää joitain Apple Devices Specific -tunnisteita, kuten

<meta name='apple-mobile-web-app-capable' content='yes'> <meta name='apple-mobile-web-app-status-bar-style' content='black'> <meta name = 'viewport' content = 'width = device-width'> 

muista, että css: tä voi käyttää vaakasuorassa tilassa ja muuta pystysuunnassa

<link rel='stylesheet' media='all and (orientation:portrait)' href='css/portrait.css'> <link rel='stylesheet' media='all and (orientation:landscape)' href='css/landscape.css'> 

jos muuten haluat luoda samanlaisen alkuperäisen visuaalisen version, suosittelen, että näet JQtouchin ja Senchan

pitää mielessä että joitain tapahtumia ei ole kosketuslaitteessa, kuten "napsautus" (vaikka tämä enemmistö kertaa vain toimii ok), "hiiren osoitin" jne. ... JQTouch ja Sencha on jo määritetty antamaan sinulle "tap" -tapahtuma ja mouch lisää tapahtumia Apple-laitteet.

  • katso myös jquery mobile jquerymobile.com

IPadille kohdennetun verkkosuunnittelun tekemiseen on loistava online-työkalu:

ipadpeek.com

Antaa sinulle täysikokoisen iPad / Safari-emulaattorin verkossa.

Suosittelen, että sinulla on todellinen laite sivustosi testaamiseen kehittäessäsi.

Tutustu tähän artikkeliin; Kyse on hienosta tekniikasta nestemäisille asetteluille, jotka saavat sivustosi näyttämään hyvältä iPadilla, 30 tuuman näytöllä ja jopa iPhonellasi;) http://www.alistapart.com/articles/responsive-web-design/

IPad käyttää ensisijaisesti selaimen Safaria - tai omaa versiotaan, joten varmista, että se toimii, on hyvä lähtökohta, jos sinulla ei ole laitetta testata sitä, tarkista ensin normaali safari. Täältä sinun pitäisi pystyä löytämään simulaattori.

Muut mobiiliselaimet voidaan ladata sovelluksina, tiedän, että oopperalla on osumia omaan sovellukseensa selaamiseen, myös Firefox toteutti juuri ensimmäisen version, vaikka se on tällä hetkellä vain Nokialla.

Koska iPadin Safari-selain on edistynein selain yleisessä jakelussa, voit käyttää kaikkia uusimpia CSS3- ja HTML5-tekniikoita tarvitsematta hakkeroida vanhempien, ei-standardien mukaisia ​​selaimia.

työskennellyt sinulle: Charles Robertson | Haluatko yhteyttä?