3Sep
Vous voulez tester votre iPad sans vous diriger vers un Apple Store? Voici une façon dont vous pouvez découvrir une partie de l'interface utilisateur de l'iPad directement à partir de votre navigateur!
L'iPad est le dernier gadget d'Apple à impressionner le monde de la technologie, et les gens ont même fait la queue toute la nuit pour être l'un des premiers à en prendre un. Grâce à une astuce simple JavaScript, cependant, vous pouvez avoir une idée de certaines de ses nouvelles fonctionnalités sans quitter votre ordinateur. Cela ne vous permettra pas d'essayer tout sur l'iPad, mais il vous permettra de voir comment les nouvelles listes et les menus contextuels fonctionnent comme dans les nouvelles applications.
Testez l'interface de l'iPad à partir de votre navigateur
Normalement, la bibliothèque de développement Apple iPhone en ligne ressemble à une page Web standard.
Mais, sur l'iPad, il ressemble et se sent comme une application iPad native à part entière. Avec un astucieux tour JavaScript de boredzo.org, vous pouvez utiliser cette même interface sur votre PC.Puisque l'iPad utilise le navigateur Safari, nous avons exécuté ce test dans Safari pour Windows. Si vous ne l'avez pas déjà installé, vous pouvez le télécharger à partir d'Apple( lien
ci-dessous ) et configurer comme d'habitude.Maintenant, ouvrez Safari et naviguez jusqu'à la page de développeur d'Apple à:
http://developer.apple.com
Maintenant, entrez ce qui suit dans la barre d'adresse, et appuyez sur Entrée.
javascript: localStorage.setItem( 'debugSawtooth', 'true')Enfin, cliquez sur ce lien pour accéder à la documentation iPhone OS.
http: //developer.apple.com/iphone/library/iPad/
Après un court délai, il devrait s'ouvrir en plein style iPad!
Le menu de gauche fonctionne comme les menus sur l'iPad, avec des transitions. Il se sent entièrement comme une application native, au lieu d'une page Web. Pour faire défiler le texte, cliquez et tirez vers le haut ou vers le bas de la même manière que vous l'utiliseriez sur un écran tactile.
Certaines pages incluent même un menu contextuel comme la plupart des nouvelles applications iPad.
Notez que la page sera rendue pour la taille de votre navigateur, et si vous redimensionnez votre fenêtre, la page ne sera pas redimensionnée avec elle. Appuyez simplement sur F5 pour recharger la page, et elle sera redimensionnée pour s'adapter à la nouvelle taille de la fenêtre. Si vous redimensionnez votre fenêtre pour qu'elle soit grande et étroite, comme l'iPad en mode horizontal, la page Web changera et le menu de gauche disparaîtra au lieu d'un menu déroulant comme si vous aviez fait pivoter l'iPad.
Cela fonctionne également dans Chrome, car, comme Safari, il est basé sur Webkit. Cependant, il ne semble pas fonctionner dans notre test sur Firefox ou d'autres navigateurs.
Nous avons déjà traité de la façon dont vous pouvez expérimenter certaines interfaces utilisateur de l'iPhone avec le guide d'utilisation de l'iPhone en ligne. Vérifiez si vous n'avez pas encore:
Voir les sites Web mobiles dans Windows avec Safari 4 Outils de développement
Conclusion
Bien que cela ne vous laisse pas vraiment essayer toute l'interface de l'iPad, il vous donne au moins un aperçu de la façon dont iltravaux. C'est excitant de voir combien de fonctionnalités peuvent être intégrées dans les webapps aujourd'hui. Et n'oubliez pas, How-to Geek donne un iPad à un fan au hasard! Rendez-vous sur notre page Facebook et inscrivez-vous à Geek How-to si vous ne l'avez pas déjà fait.
Gagnez un iPad sur la page Facebook de How-To Geek
