Publié le

Développer un site pour iPhone?

Voilà voilà, je suis parti sur une idée de développement d’une super galerie 2000 en php, et, en cours de route, je me suis dis qu’il serait cooool que cette galerie soit accessible depuis mon iPhone, sinon, quel intérêt de faire du dev… 😉

Ne connaissant pas encore grand chose au pré-requis de cette appareil niveau web, je suis confronté à plusieurs « défis », à savoir:

  1. Que l’écran soit en taille réelle et pas tout petit..
    Assez simple, il suffit de définir le meta « viewport » dans la balise <head>
    <meta name= »viewport »  content= »max-width=320; initial-scale=1.0, maximum-scale=1.0″ />
  2. Lorsqu’on tourne l’écran, ça serait bien que le design suive
    <meta name= »viewport » content= »max-width=480; initial-scale=1.0, maximum-scale=1.0″ />  

    A savoir ensuite que l’élément viewport peut être contrôlé en javascript par getElementByID

    
    
    document.getElementById("viewport").setAttribute("content", "initial-scale=0.6666", false);

     

  3. Masquer la barre d’adresse 
    Alors là, facile, ajouter simplement dans le body:
    onload= »setTimeout(function() { window.scrollTo(0, 1) }, 100); « 

 

Ce billet est un gros gros brouillon, mais voici une référence qui expliquera bien mieux que moi…

> Optimiser son application web pour l’iPhone