¿Cómo puedo usar JavaScript para establecer el nivel de acercamiento en el safari móvil?

Question

¿Cómo puedo usar JavaScript para establecer el nivel de zoom en el safari móvil?

Answer 1

Prueba esto:

<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable:no;"> 

Source

Answer 2

Por lo que yo sé, puede cambiar el factor de zoom el tamaño del texto cambiando el estilo '-webkit-text-size-adjust' del cuerpo elemento.

Comprobar este enlace para más información:

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html%23//apple_ref/doc/uid/TP30001266--webkit-text-size-adjust

Answer 3

[ACTUALIZADO ] Parece que desea capturar dobles grifos en Safari móvil. Puede hacerlo manejando el evento touchend, o usar un marco disponible, tal como se proporciona en this site.

Tome un vistazo a la demo revisado: http://jsbin.com/atayo4/20

<p id="tap">double tap to zoom</p> 
    <input id="zoomWidth" type="text" value="400" /> 
    <p id="feedback"></p> 

---

$(document).ready(function(){ 
    $('#tap').doubletap(
    // double tap handler 
    function(e) { 
     $('#feedback').addClass('red').html('double tap! Zoom width: ' + $('#zoomWidth').val()); 

     var zoomWidth = $('#zoomWidth').val(); 

     // zoom with the new width 
     $('meta[name="viewport"]').attr('content', 'width=' + zoomWidth + ', user-scalable:no'); 

     $('#zoomWidth').val(parseInt(zoomWidth, 10) - 25); 
    }, 

    // single tap handler 
    function(e) { 
     $('#feedback').removeClass('red').html('single tap! Zoom width: ' + $('#zoomWidth').val()); 
    }, 

    // double tap delay, default 500 
    400 
    ); 
}); 

Answer 4

he intentado manipular las escalas mín/máx y el ancho de la etiqueta meta con JavaScript en vano. En lugar de tratar de establecer el nivel de zoom con el código (estoy pensando que no es posible), voy a crear pequeños cuadros invisibles sobre mi imagen relativamente grande. Esto permitirá a los usuarios acercar (y alejar) mediante doble toque nativo en secciones interesantes de la imagen.