Quels sont les moyens les plus rapides et les plus simples pour garantir que les pages Web existantes s'affichent correctement sur les plateformes mobiles?

Question

Les pages en question contiennent beaucoup de javascript et de CSS. Dans quelle mesure ceux-ci sont-ils pris en charge par les plates-formes mobiles en général?

Existe-t-il un émulateur de navigateur (ou un outil équivalent) facilitant les tests?

Answer 1

Opera dispose d'une option permettant d'afficher les pages via un appareil mobile. Je l'ai trouvé utile dans le passé.

Answer 2

Je peux vous dire que le Mobile Safari d'Apple sur l'iPhone rend Stack Débordement parfaitement , ce que je trouve plutôt étonnant.

Ceci est un site destiné aux programmeurs, pas aux utilisateurs moyens, nous avons donc accepté beaucoup de dépendances JavaScript.

Je souhaite que davantage de périphériques mobiles aient des navigateurs aussi puissants que Mobile Safari. Opera Mini est également très utile.

Answer 3

Un exemple : Le navigateur BlackBerry standard de mon BlackBerry 8130 (Pearl) semble ignorer CSS et JavaScript lors du chargement de ma page d'accueil.

J'ai également installé Opera Mobile sur cet appareil, qui restitue le CSS mais pas mes effets de survol jQuery. Il comprend un peu de jQuery - par exemple, j'ai une validation de formulaire qui fait un show () de messages d'erreur si la validation échoue. Cela fonctionne dans Opera, bien que sans l'effet d'animation.

Pour les navigateurs mobiles, la solution la plus sûre consiste à concevoir des pages qui se dégradent gracieusement sans JS ni CSS . C'est à vous de décider si cela en vaut la peine ou non.

Dans quelques années, on espère que les seules différences de rendu seront les limites de taille d'écran des téléphones.

Answer 4

Vous pouvez installer Opera Mini sur un émulateur tel que Java WTK et tester le rendu mobile sur un PC. Un inconvénient est que Opera Mini fonctionne toujours via un proxy. Par conséquent, le débogage des fichiers / sites locaux ne fonctionne pas - vous devez télécharger votre site sur un serveur accessible au monde entier.

Il suffit de le google.

Answer 5

Cela dépend entièrement du téléphone. Si vous souhaitez prendre en charge tous les appareils existants, ne vous occupez même pas de CSS ou de JavaScript, car ni l'un ni l'autre ne fonctionneront (ou feront quelque chose de complètement non standard) sur 99% des appareils. Si vous ne ciblez que des appareils haut de gamme, tels que l'iPhone ou le dernier Nokia Series 60, vous devriez pouvoir vous en sortir avec un nombre limité de fichiers JS et CSS.

Certains émulateurs de navigateur que je connais:

• Openwave .
• outils Nokia

De nombreux autres fabricants n’ont tout simplement aucun outil (je vous mets au défi de chercher un site de développement pour LG). Vous devez donc avoir accès aux combinés physiques si vous voulez être sûr que le site apparaît. comme il se doit.

DeviceAnywhere est un excellent outil si vous avez de l'argent. C'était extrêmement lent la dernière fois que je l'ai utilisé il y a environ un an et demi. De plus, c'est du pur Java, donc c'est un chien sur n'importe quelle machine. Mais c’est sans doute le meilleur outil de développement mobile disponible et, croyez-moi, j’ai essayé beaucoup .

Answer 6

Les terminaux BlackBerry avec OS 4.5 ou plus ancien ne gèrent pas très bien le Javascript ou le CSS, voire pas du tout. Les appareils dotés d'un système d'exploitation OS 4.6 ou supérieur (Bold, Pearl Flip, Storm, etc.) sont fournis avec un nouveau moteur de rendu qui prend en charge de manière beaucoup plus efficace les langages Javascript, DOM et CSS. Ce n'est pas parfait mais cela devrait rendre la plupart des pages assez bien. Vous pouvez télécharger le simulateur BlackBerry pour ces appareils à partir du site Web de leur développeur et l'essayer. Comme il utilise le même code que sur le périphérique actuel, il constitue une excellente représentation de ce que vous pouvez vous attendre à voir sur le périphérique.