前言:是这样的,刚写完上一篇文章还没缓过神来,上一篇文章我还提到了,想和大家聊聊原生+H5如何无缝连接的故事.结果我朋友就给我发了两篇他的作品.他的做法也都有独到之处.好的文章都是这样,让你每次看都能有新的收获,我们也都致力于写一些能帮别人解决问题的文章,下面我用另一种方式来完美实现这个问题.毕竟之前大家都是根据UIWebView写的,我来说说换成WK之后的区别,主题思路也不同哦~
插两个链接,是我朋友的大家也可以做个对比
iOS 【终极方案】精准获取webView内容高度,自适应高度
iOS 【奇巧淫技】获取webView内容高度
iOS WKWebView 图片点击放大并左右滑动,类似微信/网易文章功能
首先先说应用场景吧,这样大家可能更能接受一点
例1:一个页面 分为上下两个部分,上部分为文章,商品图文介绍等(H5)一个web,下半部分是原生的列表(tableView)
那么怎么把H5和原生结合在一起呢,最简单的思想就是把H5做成表头,对吧.那么获取Web部分的真实高度就是最大的难点公关.
例2:上面是一个原生介绍,下面分为3部分,其中一部分是H5页面的详情介绍,一部分是评论列表,一部分是相关推荐等等,这样,最合理的结构就是:上面作为一个Tabview的表头,下面共用同一个tabview,将H5的web嵌入成某一种tableviewCell当中.那么难点就是怎么获取Web这个cell的高度返回.
我就拿第二种来举例子吧.毕竟第二种更复杂一些,而且例1 很多工程都实现了,我朋友的文章也能实现这个功能,第二种例子,我用WKWebView给大家提供一个新的思路.
哔哔叨叨了这么多,下面开始说正题吧.
首先跟大家说一下,简单的获取contentSize 什么的(网上一搜随处可见的那几个方法)我就不吐槽了,他们的应用场景太局限了,稍微在进行富文本编辑的时候 插入的图片 尺寸 或者某些动图之类的 都会导致你获取的高度不准,然后界面UI恶心到不行.
那么思路依旧是跟我上一篇文章一样 利用JS注入来解决
首先从加载的时候开始
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if(self){
self.contentView.backgroundColor = NineColorOne;
[self creatSubviews];
}
return self;
}
- (void)c