html - 如何允许缩放 UIWebView(什么都试过了)

Question

我已经尝试了我发现的每一段代码来尝试放大和缩小这个页面，但无论如何，文本仍然与屏幕重叠，UIWebView 中的页面根本不适合屏幕。

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

我尝试添加:webView.scalesPageToFit = TRUE;

我已将其设置为 UserInteractionEnabled。

但似乎没有任何效果。

这是与网页编码有关还是与 UIWebView 有关？

谢谢，

詹姆斯

Answer 1

1. 首先。引用UIWebView类引用，需要设置scalesPageToFit。

   苹果说: 缩放页面适合 如果是，则网页会缩放以适合，用户可以放大和缩小。如果否，则禁用用户缩放。默认值为否。

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. 为 UIWebview 的方法 stringByEvaluatingJavaScriptFromString 运行以下 javascript: in - (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;");
           }
   
       }
   }    
   }