Hlavní navigace

Jak na web i pro iPhone

24. 4. 2008 15:38 (aktualizováno) Martin Hassman

Apple vydalo návod Optimizing Web Applications and Content for iPhone. Mezi hlavními zásadami, které v něm najdete je psát stránky podle webových standardů, dokument dále upozorňuje na některé odlišnosti mobilního surfování oproti tomu desktopovému. Uvedu jen několik citací.

UAstring

     The Safari user agent string for iPhone is similar to the user agent string
     for Safari on the other platforms except for two differences: it contains
     an iPhone platform name and the mobile version number.

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3

Protokol tel

Zápisem <a href=„tel:1–408–555–5555“>1–408–555–5555</a> vytvoříte odkaz na telefonní číslo. Jedná se o klasické rozšíření podobně jako mailto, s tím rozdílem, že na telefonu budete asi častěji volat, než psát e-maily 8-). A pokud telefonní číslo takto neoznačíte, udělá to prohlížeč za vás:

    If you don't wrap phone numbers in a link, Safari automatically
    converts any number that takes the form of a phone number to
    a telephone link.

Vzhledem k rozmachu telefonování z PC bych něco podobného časem čekal i na desktopech (pokud to již neexistuje – oblast telefonů příliš nesleduji).

Stylesheet pro iPhone

Pomocí CSS Media Queries můžete ke stránce připojit stylesheet, který si načtou jen malá zažízení á la iPhone (přiznávám, že tuhle techniku příliš neznám a nejsem si jist, jak se zachovají ostantí prohlížeče, ale podle dokumentace by měly takový stylesheet vesele ignorovat).

    <link media="only screen and (max-device-width: 480px)" href="iPhone.css"
    type="text/css" rel="stylesheet" />

Události

Návod trochu objasní i události myši, které nefungují zcela v souladu s očekáváním (o tom jsem psal v Jaké je Safari na iPhone?).

    iPhone does not send events to the webpage when panning content, showing
    the information bubble, zooming with double tap, or zooming with the pinch.
    Otherwise, your page receives events just as you would expect. You can add
    event handlers to your page using the modern DOM API, add event listener,
    or the more traditional onclick attribute.

WHATWG

Za zmínku stojí, že na konci dokumentu v odstavci Connect With Web Developers je zmiňována jak HTML WG u W3C, tak WHATWG. Mě zmínka WHATWG hned vedle W3C vyloženě potěšila, je vidět, že vnímání WHATWG bylo od jejího navázání spolupráce z W3C značně posíleno.

Další odkazy

Sdílet