R�initialisation du "Scale" d'une page

**PP(Team)** · 21/12/2012, 10h23

Bonjour,

Je d�veloppe actuellement une application pour mobile qui affiche une page de statistiques.
Sur cette page un s�lecteur de temps est affich� (permet de passe de jour � semaine, etc).
Le probl�me est que sur "IOS" (pas encore test� sur Andro�d), lorsque le s�lecteur s'affiche un zoom est automatiquement effectu� (lors de l'affichage des choix dans la "roue").

Je suis donc parti sur le principe de r�initialiser le scale afin que l'utilisateur n'ait pas � le faire lui-m�me (il ne l'a pas demand� le zoom...).

J'ai donc fait ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2,user-scalable=1">
 
<script type="text/javascript">
function refreshWindow()
{
	var viewportmeta = document.querySelector('meta[name="viewport"]');
	viewportmeta.content = 'user-scalable=1, width=device-width, initial-scale = 1, minimum-scale = 1, maximum-scale = 2';
	$(window).refresh();
}
 
$(".choiceSelect").live("change", function() {
	$(".choiceSelect option:selected").each(function () {
	var viewportmeta = document.querySelector('meta[name="viewport"]');
	viewportmeta.content = 'user-scalable=1, width=device-width, initial-scale = 1, minimum-scale = 1, maximum-scale = 1';
	refreshWindow();
      });
//ICI réactualisation de la page avec de nouveaux paramètres
});
</script>
<body onload="refreshWindow()">

Le probl�me est que le scale s'annule et revient quasiment aussi rapidement � l'�tat "zomm�".

Est-ce que quelqu'un aurait une id�e pour r�gler ce probl�me ?

Cordialement.

**SylvainPV** · 22/12/2012, 18h00

Contr�ler totalement les scrolls est un cauchemar pour les d�veloppeurs mobiles full web (pas de conteneur natif). C'est pour �a que g�n�ralement on utilise un view-port qui bloque tout scale.

Il est probable que tu ais des r�sultats diff�rents selon les versions d'iOS utilis�es. Sur Android c'est encore pire, � cause des diff�rentes r�solutions et navigateurs alternatifs.

**PP(Team)** · 24/12/2012, 11h50

Bonjour,

En effet, la gestion des versions (Andro�d, Iphone, etc) est complexe � g�r�e.
La demande est de rendre cette page de sttistiques "Zoomable", je ne peux donc esquiver le probl�me en faisant un "maximum-scale = 1".

Bon, je vais faire de plus amples recherches sur ce point, mais dans le pire des cas, ceci n'est pas "bloquant" �tant donn� qu'avec un simple "double tape" sur l'�cran r�initialise le Scale � 1...

Cordialement.

**danielhagnoul** · 24/12/2012, 19h39

Bonsoir

Concernant : <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2,user-scalable=1">.

Raphael affirme, tests � l'appui, que l'utilisation de "device-width" bloque le passage automatique en "device-height" en orientation paysage. Il recommande l'usage de : <meta name="viewport" content="initial-scale=1.0">.

R�initialisation du "Scale" d'une page

JavaScript

Partager

Partager