webView自适应实际内容高度的问题
2016-08-29 本文已影响2027人
ChancePro
刚解决了一个问题,很开心,记录一下。
问题描述:
项目详情要用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;
}