Comment permettre le zoom de UIWebView (tout essayé)

J'ai essayé littéralement tous les bits de code que j'ai trouvé pour essayer de le faire d'une page de zoomer et de dézoomer mais n'importe quoi, le texte recouvre l'écran et la page dans la UIWebView sera tout simplement pas s'adapter à l'écran.

J'ai essayé les instructions ici: http://www.iphonedevsdk.com/forum/iphone-sdk-development/9112-uiwebview-zoom-pinch.html

J'ai essayé d'ajouter: webView.scalesPageToFit = TRUE;

Je l'ai fixé à UserInteractionEnabled.

Mais rien ne semble fonctionner.

Est-ce à voir avec le codage de la page web ou est-ce à voir avec la UIWebView?

Merci,

James

webView.scalesPageToFit doit être réglé à NO pour permettre le zoom
merci pour votre commentaire! J'ai essayé, mais ça ne fonctionne pas malheureusement :'(
stackoverflow.com/questions/8214503/zooming-on-uiwebview/...

OriginalL'auteur pixelbitlabs | 2011-08-31

  1. 7

    1. Tout d'abord. Reportez-vous à la UIWebView Classe de référence, vous devez définir scalesPageToFit.

      Apple dit:
      scalesPageToFit
      Si OUI, la page web est mise à l'échelle et l'utilisateur peut zoomer et dézoomer. Si NON, le zoom est désactivé. La valeur par défaut est NO.

    2. Si vous affichez le code source de la page, vous devriez être en mesure de trouver //meta name="viewport" content="width=device-width; initial-scale=1.0, maximum-scale=1.0;"//.

      Afin de vous montrer l'effet de Zoom. Je veux le remplacer par:
      //meta name="viewport" content="width=device-width; initial-scale=1.0, maximum-scale=5.0; user-scalable=1;"//.

    3. Exécuter le code javascript suivant pour UIWebview la méthode de stringByEvaluatingJavaScriptFromstring: - (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;");
        }

    }
}    
}
    stackoverflow.com/questions/8214503/zooming-on-uiwebview/...

    OriginalL'auteur Cullen SUN

  2. 3

    J'ai regardé le code source de la page pour le lien que vous avez fourni dans les commentaires, et trouvé ceci:

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

    C'est ce qui est le "verrouillage" de la fenêtre vers le bas et ne permettant pas de zoom.

    Vous trouverez quelques bonnes informations et les balises mieux expliqué ici:

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

    Génial, merci pour votre réponse! 🙂

    OriginalL'auteur Luke

  3. 1

    certaines pages web sont site mobile, fixe la taille.
    par exemple, vous utilisez un iPhone safari pour ouvrir Google la page d'accueil de

    J'ai même essayé d'ajouter la balise meta viewport dans mais cela ne fonctionne toujours pas! 🙁
    Pouvez-vous montrer le code? ou dites-nous quelle page vous êtes chargement? Merci.
    assurez-vous - pastie.org/2459324 et l'URL de la page est dhsb.org/index.phtml?d=190350 🙂

    OriginalL'auteur Cullen SUN

  4. 1

    J'ai essayé votre lien (dhsb.org/index.phtml?d=190350) pour ouvrir dans Safari sur mon i4 et ça marche, comme vous l'avez décrit (texte recouvre l'écran et le zoom est désactivé). Donc, le problème est dans le site, pas dans votre code.

    Je vous remercie pour votre réponse 🙂

    OriginalL'auteur Nekto