完美方案——iOS的WebView自适应内容高度

转自:http://www.tuicool.com/articles/FNrIbmi

/////////////////////////////初始化，self.view是父控件/////////////////////////////////_webView = [[UIWebView alloc] initWithFrame: CGRectMake(0, 0, self.view.frame.size.width, 0)];_webView.delegate = self;_webView.scrollView.bounces = NO;_webView.scrollView.showsHorizontalScrollIndicator = NO;_webView.scrollView.scrollEnabled = NO;[_webView sizeToFit];///////////////////////////////设置内容，这里包装一层div，用来获取内容实际高度（像素），htmlcontent是html格式的字符串//////////////NSString * htmlcontent = [NSString stringWithFormat:@"<div id=\"webview_content_wrapper\">%@</div>", htmlcontent];[_webView loadHTMLString:htmlcontent baseURL:nil];////////////////////////////////delegate的方法重载////////////////////////////////////////////- (void)webViewDidFinishLoad:(UIWebView *)webView{//获取页面高度（像素）NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"];float clientheight = [clientheight_str floatValue];//设置到WebView上webView.frame = CGRectMake(0, 0, self.view.frame.size.width, clientheight);//获取WebView最佳尺寸（点）CGSize frame = [webView sizeThatFits:webView.frame.size];//获取内容实际高度（像素）NSString * height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.getElementById('webview_content_wrapper').offsetHeight + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-top'))  + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-bottom'))"];float height = [height_str floatValue];//内容实际高度（像素）* 点和像素的比height = height * frame.height / clientheight;//再次设置WebView高度（点）webView.frame = CGRectMake(0, 0, self.view.frame.size.width, height);}

    

用微信  “扫一扫”

将文章分享到朋友圈。

 

  下载LOFTER我的照片书  |

//另一个思路方法,计算

- (void)webViewDidFinishLoad:(UIWebView *)webView { 

//webview 自适应高度
    CGRect frame = webView.frame;
    CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
    frame.size = fittingSize;
    webView.frame = frame; 
}