webView自适应实际内容高度的问题

作者: ChancePro | 来源:发表于2016-08-29 12:57 被阅读2027次

    刚解决了一个问题,很开心,记录一下。

    问题描述:

    项目详情要用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;
    }
    

    相关文章

      网友评论

      • LV大树:我遇到一个奇怪的时候,先打开是一个高度,第二次打开的高度就正常了。
        LV大树:跟做前端h5的同事沟通后,发现问题的原因是:我们前端用的是angular去渲染数据的,页面加载完成后,html执行结束,但是angularJS还没完毕,获取到的网页没有内容,网页高度不对 这个方法亲测ok
      • hhgvg:当你的网页有20000高度的时候 你怎么处理这个自适应高度呢
        hhgvg:@努力赚钱娶媳妇儿的红姐夫 你有没有遇到过网页上全是图片会造成内存暴涨从而crash 网页图片缓存太大
        ChancePro:@hhgvg 给它这个高度呗。我这个webView是放在tableView的尾视图上的,获取到高度后改变尾视图的高度,重新设置尾视图。你更改webView和webView所在的父视图高度即可。

      本文标题:webView自适应实际内容高度的问题

      本文链接:https://www.haomeiwen.com/subject/jxmxettx.html