Une option par défaut du navigateur modifie l'affichage
et peut rendre parfois le site difficile voir impossible à consulter.
Les raisons sont assez complexes et obligent à développer une version du site
spécialement pour les navigateurs Samsung afin de corriger tous les bugs d'affichages qui apparaissent quand cette option
est active, travail fastidieux pour un résultat final qui risque de ne pas être vraiment satisfaisant.
Pour les curieux ou si un webmaster passe par là
Après de longues recherches sur les forums de programmeurs, je n'ai rien trouvé qui puisse me permettre de remédier à ce problème facilement.
En résumé, cela vient de la mise en page adaptative d'un site internet.
Pour que l'affichage d'un site internet se fasse correctement sur tous les types d'écrans, ordinateur, mobile, tablette, c'est un vrai casse tête.
C'est pourquoi il faut faire ce qu'on appel un responsive design.
Cette fameuse option, "zoom manuel", active par défaut sur les navigateurs samsung, ne devrait pas l'être et fait l'objet de la colère
de nombreux programmeurs web, qui pestent sur le fait que Samsung ne corrige pas ce problème.
Elle a pour effet d'ignorer certaines lignes de programmation spécifiques pour l'affichage sur écran mobile ou tablette.
Pour les connaisseurs il s'agit d'une balise meta viewport qui n'est pas prise en compte par le navigateur samsung tant que cette option
n'a pas été désactivée dans les paramètres du navigateur.
Pour disposer les différents éléments, que tout soit toujours à sa place, et rendre mon affichage flexible en fonction des différents écrans,
je me sert d'une unité relative et relativement simple à utiliser. Les pourcentages.
Je détermine par exemple qu'un élément occupe 30% de la largeur et 20% de la hauteur d'affichage disponible sur le navigateur et ainsi de suite.
Le problème avec cette option 'zoom manuel', c'est que les % ne s'applique plus sur la taille disponible à l'affichage du navigateur
mais sur un affichage en taille réel de l'écran. Enfin si, mais non, peut-être... bref, c'est un vrai bordel et bonjour la prise de tête.
Il m'aura fallu un bon moment, d'abord pour trouver d'où cela pouvait venir et pourquoi, ce fut un vrai travail de détective,
ensuite pour comprendre comment cela fonctionne et renverser les logiques que mon cerveau s'était construit.
Je pourrais changer d'unité de valeur, en utilisant à la place des %, deux unités, une pour la largeur du "viewport" 'vw' et une pour la hauteur 'vh'
qui sont aussi des unitées relatives assez proches du % puisque 1vw = 1 centième de la largeur du viewport et 1vh 1/100 de la hautre.
Mais ça ne me convient pas. Le %, quand il fonctionne normalement, s'applique à la largeur et la hauteur disponible dans le navigateur ou de l'élément parent qui le contient,
tandis que vh et vw prennent en considération la taille total de l'affichage à l'écran. Je ne détaillerais pas toutes les raisons, mais cela rend le travail beaucoup plus fastidieux...
Je travail donc à développer une version de la mise en page uniquement pour les navigateurs Samsung utilisant les unités vw et vh, afin de garder un affichage à peu près correct
et pour ne pas perdre trop de visiteurs qui ne voudront pas se prendre la tête à comprendre pourquoi ce site ne fonctionne pas bien
et partirons voir ailleur.
Cela pourrait être résolu facilement du côté constructeur en désactivant cette option par défaut avec une mise à jour de leurs appareils.
Mais malgré les demandes répétées et la lassitude des programmeurs devant le peu de réactions de la part du constructeur,
cela risque de ne pas se résoudre de si tôt et cela pose de gros problèmes à bon nombre de développeur Web qui risquent ainsi de perdre beaucoup de visiteurs.
(ce sujet cours sur les forums techniques de Samsung depuis des années sans qu'aucune réponse satisfaisante ne semble avoir été donnée,
ou je ne l'ai pas trouvé.)
Cela ne peut semble-t'il malheureusement pas être résolu du côté des programmeurs, n'ayant apparemment pas la possibilité
de modifier cette option par une simple ligne de code. Ce serait un peu chiant de devoir rajouter une ligne uniquement pour leur navigateur
mais c'est toujours mieux que de devoir faire une version du site rien que pour leur navigateur.
Si vous connaissez une autre solution à ce problème que je pourrais intégrer directement dans le code de mon site,
n'hésitez à m'en faire part en utilisant le formulaire de contact du site.
masquer la fin