完美解决iOS的WebView自适应内容高度问题

本文主要是介绍完美解决iOS的WebView自适应内容高度问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

   /初始化，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);

}

原文地址：http://www.cnblogs.com/be-bright/p/4485774.html

这篇关于完美解决iOS的WebView自适应内容高度问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---