webView自适应实际内容高度的问题

 
 

  
  
问题描述：

  
  
项目详情要用h5展示，加载webView，高度不确定，需要根据webView的内容高度去设置。webView可以在加载完成时获取到网页内容高度，然后再去改变webView的frame即可。

  
  
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    float height = webView.scrollView.contentSize.height;
    NSLog(@"height:%.2f",height);

    CGRect newFrame = webView.frame;
    newFrame.size.height = height;
    webView.frame = newFrame;
}
  
  
这段代码去加载百度等网址没问题，但是换成我们项目需要的h5的地址就不能获取到contentSize网页内容高度，contentSize.height的值总是初始化webView时设置的height。
  
  
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
  
  
原因：
  
  
跟做前端h5的同事沟通后，发现问题的原因是：我们前端用的是angular去渲染数据的，页面加载完成后，html执行结束，但是angularJS还没完毕，获取到的网页没有内容，网页高度不对。
  
  
解决办法：
  
  
在webViewDidFinishLoad里延时调用获取contentSize即可。
  
  
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    [self performSelector:@selector(changeWebViewHeight) withObject:nil afterDelay:1];
}
- (void)changeWebViewHeight {
    float height = webView.scrollView.contentSize.height;
    NSLog(@"height:%.2f",height);
    CGRect newFrame = webView.frame;
    newFrame.size.height = height;
    webView.frame = newFrame;
}
 
 

作者：lichangpro
链接：http://www.jianshu.com/p/4f99f75d63f8
來源：简书