2011-08-31 25 views
3

我已经试过每一个代码,我已经发现尝试使这一页放大和缩小,但无论如何,文本仍然重叠屏幕和页面UIWebView将无法适应屏幕。如何允许缩放UIWebView(尝试所有的东西)

在这里,我已经试过说明:http://www.iphonedevsdk.com/forum/iphone-sdk-development/9112-uiwebview-zoom-pinch.html

我试着加入:webView.scalesPageToFit = TRUE;

我已经将它设置为UserInteractionEnabled

但似乎没有任何工作。

这是关于网页的编码还是与UIWebView有关?

谢谢

詹姆斯

+1

'webView.scalesPageToFit'应设置为'NO'允许缩放 – Nekto

+0

感谢您的评论!我试过,但它不工作不幸:'( – pixelbitlabs

+0

http://stackoverflow.com/questions/8214503/zooming-on-uiwebview/24009062#24009062 – iPatel

回答

7
  1. 第一。参考UIWebView类参考,您需要设置scalesPageToFit。

    Apple说: scalesPageToFit 如果是,则缩放网页以适合用户放大和缩小。如果否,则禁用用户缩放。默认值是NO。

  2. 如果您查看页面的源代码,您应该能够找到// meta name =“viewport”content =“width = device-width; initial-scale = 1.0; maximum-scale = 1.0;” //。

    为了向您展示缩放效果。我想将它替换为: // meta name =“viewport”content =“width = device-width; initial-scale = 1.0; maximum-scale = 5.0; user-scalable = 1;”// //。

  3. 运行以下的javascript的UIWebView的方法stringByEvaluatingJavaScriptFromString:在 - (空)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;"); 
         } 
    
        } 
    }  
    } 
    
+0

http://stackoverflow.com/questions/8214503/zooming-on-uiwebview/24009062#24009062 – iPatel

1

某些网页的移动网站,固定大小。 例如你用iPhone Safari浏览器打开谷歌主页

+0

我甚至尝试添加元标记视口,但它仍然不行!:( – pixelbitlabs

+0

你可以显示代码吗?或者告诉我们你正在加载哪一页?谢谢。 –

+0

确定 - http://pastie.org/2459324和页面的URL是http:// www。 dhsb.org/index.phtml?d=190350 :-) – pixelbitlabs

1

我试过你的链接(dhsb.org/index.phtml?d=190350)在Safari浏览器我14至打开和它的作品,如你所描述(文本与屏幕重叠并且缩放关闭)。所以问题出在网站上,而不是在你的代码中。

+0

谢谢您的回答:-) – pixelbitlabs

3

我看着你在评论中提供的链接页面的源代码,并发现这一点:

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

这就是“锁定”视口向下,而不是允许缩放。

你会发现一些有用的信息,并在这里更好地解释标签:

所有的

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

+0

辉煌,谢谢您的回答! :-) – pixelbitlabs