Vous voulez tester votre iPad sans vous rendre dans un Apple Store? Voici une façon de 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 mettre la main. Cependant, grâce à une simple astuce JavaScript, vous pouvez avoir une idée de certaines de ses nouvelles fonctionnalités sans quitter votre ordinateur. Cela ne vous permettra pas de tout essayer sur l’iPad, mais cela vous permettra de voir comment les nouvelles listes et menus contextuels fonctionnent comme ils le font dans les nouvelles applications.
Testez l’interface utilisateur de l’iPad depuis votre navigateur
Normalement, la bibliothèque des développeurs Apple iPhone en ligne ressemble à une page Web standard.
Mais, sur l’iPad, cela ressemble et se sent comme une application iPad native à part entière. Avec une astuce JavaScript astucieuse de boredzo.org vous pouvez utiliser cette même interface sur votre PC. Étant donné que l’iPad utilise le navigateur Safari, nous avons effectué ce test dans Safari pour Windows. Si vous ne l’avez pas déjà installé, vous pouvez le télécharger depuis Apple () et le configurer normalement.
Maintenant, ouvrez Safari et accédez à la page des développeurs d’Apple à l’adresse:
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 exactement comme les menus de l’iPad, avec des transitions. Cela ressemble tout à fait à 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 utilisent.
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 haute 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 faisiez pivoter l’iPad.
Cela fonctionne également dans Chrome, car, comme Safari, il est basé sur Webkit. Cependant, cela n’a pas semblé fonctionner dans notre test sur Firefox ou d’autres navigateurs.
Nous avons déjà expliqué comment vous pouvez découvrir certaines des interfaces utilisateur de l’iPhone avec le guide de l’utilisateur en ligne de l’iPhone. Vérifiez-le si vous ne l’avez pas encore fait:
Afficher les sites Web mobiles dans Windows avec les outils de développement Safari 4
Conclusion
Bien que cela ne vous permette pas d’essayer vraiment toute l’interface de l’iPad, cela vous donne au moins un avant-goût de son fonctionnement. C’est passionnant de voir combien de fonctionnalités peuvent être intégrées dans les applications Web aujourd’hui. Et n’oubliez pas, How-to Geek offre un iPad à un fan aléatoire! Rendez-vous sur notre page Facebook et admirez How-to Geek si vous ne l’avez pas déjà fait.
Gagnez un iPad sur la page Facebook How-To Geek
