Activer / désactiver le zoom sur Safari iPhone avec Javascript?

J'ai 1 page 2 les éléments DIV qui est montré/caché de l'utilisateur cliquez sur les boutons d'action avec javascript, je tiens à bascule mise à l'échelle sur le bouton d'action, cliquez sur.

J'ai essayé avec javascript ci-dessous et il est en train de changer de fenêtre de la méta, mais n'avoir aucun effet.

Des suggestions?

var ViewPortAllowZoom = 'width=device-width;';

var ViewPortNoZoom = 'width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;';

  function AllowZoom(flag) {
            if (flag == true) {
                $('meta[name*=viewport]').attr('content', ViewPortAllowZoom);                
            }
            else {
                $('meta[name*=viewport]').attr('content', ViewPortNoZoom);
            }
        }

source d'informationauteur msqr

  1. 19

    La suppression et re-ajout de la balise meta fonctionné pour moi:

    function AllowZoom(flag) {
  if (flag == true) {
    $('head meta[name=viewport]').remove();
    $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10.0, minimum-scale=1, user-scalable=1" />');
  } else {
    $('head meta[name=viewport]').remove();
    $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0" />');              
  }
}

    Toutefois, si l'utilisateur effectue un zoom avant et puis change pas de zoom, la fenêtre d'affichage reste un zoom et l'utilisateur ne peut plus modifier le facteur de zoom. Quelqu'un aurait-il une solution pour cela?

  2. 7
    $('body').bind('touchmove', function(event) { event.preventDefault() }); //turns off

$('body').unbind('touchmove'); //turns on
  3. 0

    Voici les étapes pour désactiver le zoom:

    1. Convaincre vos PM que la désactivation est une mauvaise idée (voir ci-dessous l'article).
    2. Si il veut encore, convaincre plus difficile.
    3. Si il veut encore, lisez cet article et ajouter preventDefault à gesturestart comme expliqué dans un commentaire là:
      https://wouterdeschuyter.be/blog/how-to-disable-viewport-scaling-in-ios-10-you-dont-941140811

    Il fonctionne dans l'iPhone 6 et de ne pas bloquer le défilement.

    Merci pour le lien, Aloober: https://stackoverflow.com/a/41166167/1409261