Désolé, fans de Apple, mais oui, j’ai trouvé un problème avec le fureteur mobile Safari. En effet, dans un de mes mandats, je devais afficher une animation (un sprite, donc je change le viewport). L’image était de quatre megs et avait une largeur de 9600px et une hauteur de 600px. Ce que nous avons remarqué initialement, c’est que l’image en question n’apparaissait pas sur le iPhone ni sur le iPad. C’est étrange, car sur toutes les autres plateformes elle apparaissait. Après une brève recherche, j’ai découvert qu’une image de plus de 3 megs pouvait occasionner des problèmes sur le iPhone et le iPad. Nous avons donc changé le format de l’image pour un JPEG afin de réduire sa taille, ce qui a réglé en partie notre problème.

En effet, l’image était affichée à l’écran, mais elle avait subi un redimensionnement. Après une autre recherche, j’ai découvert que le fureteur Safari en était la cause. Quand une image est trop grosse, le fureteur redimensionne l’image. Et savez-vous quoi? Il n’y a aucun moyen de désactiver cette fonction. 🙁 Ça sent : “If you can’t fix it, feature it.” Malgré tout, nous avons trouvé une solution. Nous avons enlevé le tag <img> pour le remplacer par un div. Sur le div, nous avons simplement appliqué un CSS contenant l’image à animer. Comme les divs ne sont pas redimensionnés par le fureteur, le problème était réglé. En fait, je ne veux pas mettre totalement le blâme sur Apple. Selon moi, la problématique, c’est que l’application n’a pas été pensée pour le mobile. Il aurait fallu créer un autre site pour le mobile ou bien faire un site Web adaptatif (responsive).

Savoir Agile

Billet précédent

Pyxis partenaire de l'Agilité

Billet suivant

Un nouvel actionnaire pour Pyxis Technologies ‒ les spécialistes en Agilité!