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;
}

你可能感兴趣的:(webView自适应实际内容高度的问题)