par
two3d » 17 nov. 2023, 08:59
Bonjour,
comme beaucoup de développeurs, je me trouve dans le cas où mon application web ne doit pas être zoomée, je comprends que certains appareils n'affichent pas le pixel comme sur tous les autres appareils, mais serait il au moins possible d'avoir un bouton retour en cas de zoom par l'utilisateur qui lui permettrait de revenir en arrière, car, une fois zoomée, mon application peut difficilement être revenue en arrière par l'utilisateur ce qui cause une expérience utilisateur MÉDIOCRE (l'utilisateur croit que mon site est cassé : il s'en vas avec une mauvaise expérience).
1. Où pouvons-nous contacter les développeurs des navigateurs afin de leur demander d'ajouter un bouton "
RETOUR" (là aussi pour des raisons "
d'accessibilités" comme ils savent très bien le dire) en cas de zoom ?
Ceci dit, j'ai tenté d'utiliser les écouteurs d'événements JS (
touchmove en vérifiant qu'il y ait bien deux doigts sur l'écran avec
event.touches.length > 1 (afin d'autoriser le swipe), rien à faire, on dirait bien que les navigateurs forcent le zoom si l'utilisateur le souhaite. (EDIT : on arrive à interdire le zoom via l'option
passive:false, voir ci-dessous)
The exception to this is Chrome, starting with version 56 (desktop, Chrome for Android, and Android webview), where the default value for the passive option for touchstart and touchmove is true and calls to preventDefault() will have no effect. To override this behavior, you need to set the passive option to false, after which calling preventDefault() will work as specified. The change to treat listeners as passive by default prevents the listener from blocking page rendering while a user is scrolling. A demo is available on the Chrome Developer site.
https://developer.mozilla.org/en-US/doc ... TouchEvent
A moins d'avoir loupé quelque chose, merci pour vos lanternes.
Mon cas d'utilisation : une map monde (semblable à Google Maps)
Ma balise
meta name="viewport" ne semble même pas être prise en compte, ni par Firefox PC ou Mobile, ni par Chrome... (peut pas tester les autres).
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<!-- OU -->
<meta name="viewport" content="width=device-width,initial-scale=0.86,maximum-scale=5.0, minimum-scale=0.86">
<!-- N'ont aucun effet -->
Bonjour,
comme beaucoup de développeurs, je me trouve dans le cas où mon application web ne doit pas être zoomée, je comprends que certains appareils n'affichent pas le pixel comme sur tous les autres appareils, mais serait il au moins possible d'avoir un bouton retour en cas de zoom par l'utilisateur qui lui permettrait de revenir en arrière, car, une fois zoomée, mon application peut difficilement être revenue en arrière par l'utilisateur ce qui cause une expérience utilisateur MÉDIOCRE (l'utilisateur croit que mon site est cassé : il s'en vas avec une mauvaise expérience).
[b]1.[/b] Où pouvons-nous contacter les développeurs des navigateurs afin de leur demander d'ajouter un bouton "[color=#FF0000]RETOUR[/color]" (là aussi pour des raisons "[color=#FF0000]d'accessibilités[/color]" comme ils savent très bien le dire) en cas de zoom ?
Ceci dit, j'ai tenté d'utiliser les écouteurs d'événements JS ([b]touchmove[/b] en vérifiant qu'il y ait bien deux doigts sur l'écran avec [b]event.touches.length[/b] > 1 (afin d'autoriser le swipe), rien à faire, on dirait bien que les navigateurs forcent le zoom si l'utilisateur le souhaite. (EDIT : on arrive à interdire le zoom via l'option [i][b]passive[/b]:[color=#0040BF]false[/color][/i], voir ci-dessous)
[quote]The exception to this is Chrome, starting with version 56 (desktop, Chrome for Android, and Android webview), where the default value for the passive option for touchstart and touchmove is true and calls to preventDefault() will have no effect. To override this behavior, you need to set the passive option to false, after which calling preventDefault() will work as specified. The change to treat listeners as passive by default prevents the listener from blocking page rendering while a user is scrolling. A demo is available on the Chrome Developer site.
https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent[/quote]
A moins d'avoir loupé quelque chose, merci pour vos lanternes. ;)
Mon cas d'utilisation : une map monde (semblable à Google Maps)
Ma balise [b]meta name="viewport"[/b] ne semble même pas être prise en compte, ni par Firefox PC ou Mobile, ni par Chrome... (peut pas tester les autres).
[html]
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<!-- OU -->
<meta name="viewport" content="width=device-width,initial-scale=0.86,maximum-scale=5.0, minimum-scale=0.86">
<!-- N'ont aucun effet -->[/html]