UIWebView的显示内容的高度

转载 2016年08月31日 09:38:10


转载自李龙简书 http://www.jianshu.com/p/80381ccaab44

需求

最近,公司同事遇到了这样的一个需求:需要对加载到UIWebView上的H5页面实现折叠,延伸一下,我们依据webView内容的那一部分的高度来设置webView的height(通常,我们是设置一个从navigationbar.buttom开始到 screenView.height的webView,占据整个屏幕,然后直接加载URL链接,通过三种方式和H5进行交互可以了).

具体场景: 比如我们webView是放到一个scrollView上的显示,这个scrollView上还有其他的内容.如果我们webView只有一行文字,那么你显然只显示这一行文字的高度就可以了.你多显示或者少显示都会影响界面的美观.说了这么多,其实都不如下边一张图来的直观,上图~~~


黑色底线是webView的截止

最开始的思路

这个思路显示非常麻烦.没有尝试,但是我感觉也是可行的.因为下一小结介绍一个非常简便的方法来计算webView的显示内容的高度.

具体思路看截图:



关键代码

上边的方法和这里提到的方法比起来显然劳民伤财. 话不多说,代码很简单,你肯定能看懂


重点是下边标注的这两句代码


源码可复制

-(void)viewDidLoad {
    [super viewDidLoad];
    _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 1000)];
    _webView.delegate = self;
    [self.view addSubview: _webView];
    _webView.scalesPageToFit = YES;

    NSURLRequest *request =[NSURLRequest requestWithURL:[NSURL URLWithString:@"file:///Users/ksang/Desktop/html5%E4%B8%87%E4%BF%A1%E5%81%A5%E5%BA%B7-%E6%96%87%E7%AB%A0%E5%86%85%E5%AE%B9%E9%A1%B5/m-newsContent.html"]];
    [_webView loadRequest:request];
}


-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGFloat sizeHeight = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] floatValue];
    NSLog(@"contentWebView sizeHeight====%f",sizeHeight * 0.5);
    webView.frame = CGRectMake(0, 0, self.view.frame.size.width, sizeHeight * 0.5);  
}

验证

为了验证上边这段代码,我有更改了一下H5代码,成了这样,你看也是好的:


黑色底线是webView的截止


文/春田花花幼儿园_沐然(简书作者)
原文链接:http://www.jianshu.com/p/80381ccaab44
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

相关文章推荐

UIWebView的加载方式及获得动态高度的方法

UIWebView加载数据3种方法 1.- (void)loadRequest:(NSURLRequest *)request; NSURL *url = [NSURL URLWi...

iOS7,iOS8,iOS9 UIWebView获取内容高度终极解决方案

场景 在 App 中加载网页时,通常情况我们只需要直接初始化一个 WebView,然后去加载对应的 URL 即可,但若是有时候有些个设计是需要将 web 与原生的 UI 搭载在一起,一般情况下,...

获取UIWebView的内容高度(精准) - 遇到的坑

获取UIWebView的内容高度(精准) - 遇到的坑表头:OC布局头像,昵称,下划线,标题,UIWebView加载正文内容,webView下面OC布局的时间,查看数,和评论数 评论:是UITabl...

UIWebView根据内容自适应高度

一、webView通过内容获取高度的几个方法: 1、通过webview自带的自适应方法: CGSize size = [webView sizeThatFits:CGSizeZero]; CGFlo...

UIWebView内容搜索并且显示高亮背景颜色

UIWebView内容搜索并且显示高亮背景颜色  第一次写博,废话不多说,直接话题,对于WebView内容搜索以及显示高亮,搜索就不介绍,方法很多,重点就发在高亮显示。具体步骤如下:   *1.

UIWebView中搜索,并且高亮显示搜索内容。

UIWebView中搜索,并且高亮显示搜索内容。

ios UIWebView截获html并修改便签内容

原文出自:http://jiapumin.iteye.com/blog/1558345 需求:混合应用UIWebView打开html后,UIWebView有左右滚动条,要去掉左右滚动效果; ...

搜索WKWebView[UIWebView]中内容

创建一个搜索框,搜索webview中的内容,搜索匹配的文字内容背景变色

iOS开发利用Javascript去操作UIWebView的内容

Web背景知识 web 时代三剑客 html + css + javascript html : 就像是我们创建一个UIView,只是规定我们创建的是一个长方形的框架,还有我们创建一个UI...

利用Javascript去操作UIWebView的广告内容

利用Javascript去操作UIWebView的内容 发表于 2015-09-28   |   5条评论 Web背景知识 web 时代三剑客 html + css + ja...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)