iOS的WebView自适应内容高度
2016-04-26 11:18
337 查看
//_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('bod4000y')[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);}
相关文章推荐
- Android Studio中导入SlidingMenu
- iOS 回收键盘时拦截其他点击方法解决办法
- Android开发:ListView控件:给Item绑定了点击事件,却点击无效
- JS中使用apply、bind实现为函数或者类传入动态个数的参数
- 一个App完成入门篇-终结篇(八)- 应用收官
- Android性能优化之Performance Tips
- c标签遍历List<Map<String, Object>> 数据格式
- iOS修改导航返回按钮内容和返回指定页
- nagios联系人邮箱错误导致nagios无法启动
- appstore转让app
- Android Studio中Gradle使用详解
- iOS之谓词详解
- Debugging Native Android Platform Code
- [Swift学习之一]构造器
- android studio svn管理
- Android性能优化之Performance Tips
- Android消息机制源码分析
- 如何在APICloud平台使用腾讯X5引擎
- 我常去逛的iOS干货文章、blog等
- Android事件分发机制完全解析,带你从源码的角度彻底理解(下)