iOS关于webview的自适应行高问题解决方案
最近遇到了一些有趣的问题 分享一下 ,同时也是对自己的问题进行总结
之前用过的webview 主要是两种,一种是加载网页 一种是加载HTML 还有其他的 没接触 这里不谈
这次的需求的是在原生中间加一个webview 效果如图1.0
1.0
HTML长度不确定 这个时候就需要自适应行高
自适应行高 这个问题 可行的方案有两种
首先设置webview 的代理 ,有一个代理方法 如下
- (void)webViewDidFinishLoad:(UIWebView *)webView 这个方法里设置行高 但是要注意一点 整个视图的行高要在这里设置 ,能在其他地方设置 要不然会有问题 ,例如刷新行高自动增加(我就遇到过).
自适应行高 第一种方法 就是先把行高设置成0 然后通过sizeThatFits 获取真实行高
CGRect frame = webView.frame;
frame.size.height = 1;
webView.frame = frame;
CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
frame.size = fittingSize;
webView.frame = frame;
NSLog(@"===%f",fittingSize.height);
第二种方式 是执行JS语句 获取行高
CGFloat webViewHeight = [[headView.webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
NSLog(@"--->%.f",webViewHeight);
后来我分别用了这两个方法 分别发现了坑点
后台数据有一个HTML特别的长 5000多
就是在这里出现了问题
第一次加载的时候 :
第一种方法 行高是1
第二种方法 行高是正确行高
刷新页面之后 :
第一种方法是正确行高
第二种方法 JS语句的 行高竟然多了 50 ,就是说整个视图 多了一块黑色
对于如何处理这个问题
第一种行高的方法 就是初始化设置一个小的行高 这个改变不了
第二种方法 是JS注入 本人对JS真的不懂 为什么会出现这个问题 (数值会增大)真的不懂
这边又着急上线 情急之下 是这样解决的
给控制器加一个属性
@property (assign, nonatomic) BOOL isFirst;
- (void)viewDidLoad {
self.isFirst = YES;
}
代理方法里这样写
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
CGRect frame = webView.frame;
frame.size.height = 1;
webView.frame = frame;
CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
frame.size = fittingSize;
webView.frame = frame;
NSLog(@"===%f",fittingSize.height);
CGFloat webViewHeight = [[headView.webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
NSLog(@"--->%.f",webViewHeight);
if ( self.isFirst ) {
self.isFirst =NO;
headView.frame = CGRectMake(0, 0, kWidth, 100 +webViewHeight);
}else{
headView.frame = CGRectMake(0, 0, kWidth, 100 +fittingSize.height);
}
[self.CulturePageInfoTableView reloadData];
}
整体的思路就是 第一次加载的时候 调用JS注入的方法 之后调用 sizeThatFits的方法
其实 这个只是解决问题的方式 但是问题的原理 不清楚 如果有知道原理的小伙伴 分享一下 谢谢 嘿嘿
