Comment économiser de l'espace sur l'écran de l'iPhone

category Internet & médias sociaux / Web design & développement / Conception iPhone & iPad web

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

HTML5 et CSS 3 permettent d'ajouter de nombreux types d'animations et des éléments de conception à vos pages, mais pour les fonctions interactives les plus avancés sur le Web, vous devez utiliser un peu de javascript ou PHP ou un autre type de programmation.

Ce javascript glisse les fenêtre 60 rangées de pixels jusqu'à. Qui redonne l'près de 15 pour cent des écran de l'immobilier que le champ URL prend en haut de la fenêtre du navigateur. Lorsque vous ajoutez cette javascript à une page web, il sera automatiquement cacher 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, Safari et même quand il est utilisé sur un iPad ou un ordinateur.




Voici le code qui fait ce travail. Il suffit d'ajouter ce code au bas de chaque page web, juste avant le tag:

Ce script a été publié par Apple en 2007, lorsque le premier iPhone a été libéré. Les balises de script HTML disent que javascript est à venir: En HTML5, javascript est le langage de script par défaut, de sorte que vous ne devez pas avoir quoi que ce soit dans cette balise, mais script. Voici comment cela fonctionne:
  1. La première ligne, window.onload = function () {, indique au navigateur d'exécuter ce script lorsque la première page des charges.
  2. La deuxième ligne, setTimeout, attend un dixième de seconde (définie par la référence numérique 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 à la coordonnée 0 et la coordonnée y x y, mieux connu comme le haut de la page.
Si vous êtes totalement nouveau à la programmation, consultez l'introduction javascript sur le site W3Schools.
 
 
 
 
 
 
 
 
Articles Similaires
 
  

 
 
A propos Auteur
 
  Comment ajouter jquery à une page Comment ajouter jquery à une page 
Une fois que vous avez téléchargé ou jQuery savoir où trouver la version de CDN-hébergé, vous devez le référencer dans votre page. jQuery est comme tout fichier javascript externe.Ajouter jQuery locale à une pageTélécharger jQuery et…
  Comment intégrer l'jquery prêt () fonction Comment intégrer l'jquery prêt () fonction 
Un problème commun lors de la programmation javascript est que le programme javascript sera exécuté avant la page est chargée. Vous pouvez accéder aux éléments de HTML sur une page. Cela signifie que vous pouvez également accéder…
  Y compris les fichiers javascript externes dans votre code Y compris les fichiers javascript externes dans votre code 
Le moyen le plus populaire pour inclure javascript dans les documents HTML est d'utiliser le src attribuer de l'élément de script. Un élément de script avec un src attribut fonctionne exactement comme un élément de script avec…
  Java et javascript ressources pour construire un site Web Java et javascript ressources pour construire un site Web 
Applets Java ajouter la puissance et les fonctionnalités de votre site Web. javascript fournit des interfaces utilisateur améliorées et d'autres fonctionnalités pour créer des sites Web dynamiques. Ces deux technologies permettent à votre…
  javascript et HTML javascript et HTML 
Vous pouvez penser javascript comme une extension de html- un add-on, si vous voulez.Voici comment cela fonctionne. Les balises HTML créent Objets- javascript vous permet de manipuler ces objets. Par exemple, vous utilisez le code HTML …
  Références et des ressources javascript Références et des ressources javascript 
javascript permet à la fonctionnalité d'une page Web HTML simple qui peut tout simplement pas faire. Le tableau ci-dessous présente quelques précieuses ressources en ligne pour plus d'informations sur l'utilisation de javascript sur…
  Les meilleures choses à propos javascript Les meilleures choses à propos javascript 
javascript est un scripting la langue, qui est un langage de programmation qui est conçu pour donner aux gens un accès facile aux composants prédéfinis. Dans le cas de javascript, les composants prédéfinis sont les blocs de…
  Comment utiliser la getElementById de javascript pour accéder à un élément spécifique Comment utiliser la getElementById de javascript pour accéder à un élément spécifique 
Vous pouvez utiliser javascript pour accéder à un élément dans une page HTML. Vous pouvez le faire à apporter des modifications à l'élément ou à la mise en forme CSS. Essayez-le dans un exercice.Ouvrez votre éditeur de texte avec un…
  Comment développer des applications Facebook plus facilement avec sdks Comment développer des applications Facebook plus facilement avec sdks 
Les SDK de Facebook remplissent deux fonctions importantes. Selon le SDK, ils chargent les bibliothèques de fonctions de script que les navigateurs peuvent utiliser pour exécuter du code script pas autrement disponibles pour le navigateur, ou…
  Créer un cadre adaptable avec HTML5 Créer un cadre adaptable avec HTML5 
Avant de créer un cadre pour un site Web qui sera affiché sur l'iPhone et l'iPad, il est utile de penser à l'avance sur la façon dont vous voulez que vos pages à regarder lorsque vous ajoutez les styles. Ceci est où filaires peuvent vraiment…
  Comment utiliser les outils de développement dans Safari sur iOS Comment utiliser les outils de développement dans Safari sur iOS 
Activation de la console de débogage dans Safari sur iPhone, iPod touch ou iPad vous permet de voir les erreurs HTML, CSS et javascript directement dans l'appareil. Ceci est le moyen le plus fiable pour vous assurer que vous avez pas de…
  Nouveaux ajouts à HTML5 pour la conception web Nouveaux ajouts à HTML5 pour la conception web 
IPhone et iPad d'Apple ont transformé le rêve de tenir “ le web dans la paume de votre main ” en réalité - une réalité qui a des implications profondes pour l'avenir de la conception web.Les navigateurs Safari sur l'iPhone et l'iPad…
  Remplacer flash avec HTML5, CSS et javascript Remplacer flash avec HTML5, CSS et javascript 
Pour créer les meilleurs designs pour l'iPhone, l'iPad et l'iPod touch, utilisez javascript pour améliorer CSS 3 caractéristiques, ajouter des messages interactifs, et même créer des jeux complexes et des applications web. Le langage de…
  Sites mobiles d'essai avec le navigateur Web de chrome Sites mobiles d'essai avec le navigateur Web de chrome 
Pour tester votre site iPhone ou iPad dans le navigateur Web Chrome, vous pouvez lancer les outils de développement en cliquant sur l'icône de la clé dans le coin supérieur droit de la fenêtre du navigateur et en choisissant Outils -Developer…
 
 
 »  »  »  » Comment économiser de l'espace sur l'écran de l'iPhone