Comment économiser de l'espace sur l'écran de l'iPhone - les nuls

Lorsque vous concevez des sites Web pour l'écran relativement petit de l'iPhone, chaque pixel est précieux. Le script montré ici est conçu pour faire défiler la page automatiquement, cachant la barre d'adresse et vous donnant plus d'espace pour vos créations.

HTML5 et CSS 3 permettent d'ajouter de nombreux types d'animations et d'éléments de design à vos pages, mais pour les fonctionnalités interactives les plus avancées sur le web, vous devez utiliser un peu de JavaScript ou PHP ou un autre type de programmation.

Ce JavaScript fait glisser la fenêtre de 60 pixels vers le haut. Cela donne près de 15 pour cent de l'immobilier à l'écran que le champ URL prend en haut de la fenêtre du navigateur. Lorsque vous ajoutez ce JavaScript à une page Web, il masque automatiquement la barre d'adresse dans Safari sur l'iPhone et l'iPod touch sans affecter les autres navigateurs.

Ce script est ignoré par Firefox, Internet Explorer et même Safari lorsqu'il est utilisé sur un iPad ou un ordinateur.

Voici le code qui rend ce travail. Ajoutez simplement ce code au bas de n'importe quelle page Web, juste avant la balise

. onload = function () {setTimeout (fonction () {window. scrollTo (0, 1);}, 100);}

Ce script a été publié par Apple en 2007 lors de la sortie du premier iPhone. Les balises de script disent au langage HTML que JavaScript arrive: En HTML5, JavaScript est le langage de script par défaut, donc vous n'avez besoin d'avoir rien d'autre que ce script. Voici comment cela fonctionne:

1. La première ligne, fenêtre. onload = function () {, indique au navigateur d'exécuter ce script lors du premier chargement de la page.

2. La seconde ligne, setTimeout, attend un dixième de seconde (défini par le chiffre 100 à la fin de cette ligne).

3. Après un dixième de seconde, function () {window. scrollTo (0, 1);} exécute et fait défiler la fenêtre vers la coordonnée x 0 et la coordonnée y y, mieux connue sous le nom de haut de la page.

Si vous êtes complètement novice en programmation, consultez l'introduction JavaScript sur le site Web w3Schools.