He intentado, literalmente, todos los bits de código que he encontrado para probar y hacer de esta una página de zoom dentro y fuera, pero no importa qué, el texto se superpone a la pantalla y la página en la UIWebView simplemente no se ajustan a la pantalla.

He intentado instrucciones aquí: http://www.iphonedevsdk.com/forum/iphone-sdk-development/9112-uiwebview-zoom-pinch.html

He intentado añadir: webView.scalesPageToFit = TRUE;

Me he puesto a UserInteractionEnabled.

Pero nada parece funcionar en todos.

Es esto que ver con la codificación de la página web o tiene que ver con la UIWebView?

Gracias,

James

InformationsquelleAutor pixelbitlabs | 2011-08-31

4 Comentarios

  1. 8
    1. Primero de todos. Consulte UIWebView de referencia de la Clase, es necesario establecer scalesPageToFit.

      Apple dice:
      scalesPageToFit
      Si SÍ, la página es modificada para que se ajuste y el usuario puede hacer zoom in y zoom out. Si NO, el usuario zoom está deshabilitado. El valor predeterminado es NO.

    2. Al ver el código fuente de la página, usted debería ser capaz de encontrar //meta name=»viewport» content=»width=device-width; initial-scale=1.0; maximum-scale=1.0;»//.

      Con el fin de mostrar el efecto de Zoom. Quiero reemplazar con:
      //meta name=»viewport» content=»width=device-width; initial-scale=1.0; maximum-scale=5.0; user-scalable=1;»//.

    3. Ejecute el siguiente javascript para UIWebview del método stringByEvaluatingJavaScriptFromstring: en – (void)webViewDidFinishLoad:(UIWebView *)webView{
      }

      function setScale(){
      var all_metas=document.getElementsByTagName('meta');
      if (all_metas){
          var k;
          for (k=0; k<all_metas.length;k++){
              var meta_tag=all_metas[k];
              var viewport= meta_tag.getAttribute('name');
              if (viewport&& viewport=='viewport'){
                  meta_tag.setAttribute('content',"width=device-width; initial-scale=1.0; maximum-scale=5.0; user-scalable=1;");
              }
      
          }
      }    
      }
  2. 3

    He mirado el código fuente de la página en el enlace que se proporciona en los comentarios, y encontré este:

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

    Esto es lo que se «cierre» de la ventanilla abajo y no permite hacer zoom.

    Vas a encontrar buena información y de las etiquetas que mejor explicado aquí:

    https://developer.mozilla.org/en/mobile/viewport_meta_tag

    • Genial, gracias por tu respuesta! 🙂
  3. 1

    algunas páginas web, sitio móvil, de tamaño fijo.
    por ejemplo, usar el iPhone safari para abrir Google de la página de inicio de

    • Incluso he intentado añadir la etiqueta meta viewport en cuenta, pero todavía no funciona! 🙁
    • Puedes mostrar el código? o nos dicen que la página se carga? Gracias.
    • seguro – pastie.org/2459324 y la dirección URL de la página es dhsb.org/index.phtml?d=190350 🙂
  4. 1

    He probado el enlace (dhsb.org/index.phtml?d=190350) para abrir en Safari en mi i4 y funciona, como lo he descrito (texto se superpone a la pantalla y el zoom es off). Así que el problema está en la web, no en el código.

    • Gracias por tu respuesta 🙂

Dejar respuesta

Please enter your comment!
Please enter your name here