【iOS】WKWebView的一个回调坑

CC

为了减轻客户端同学的开发压力,大家讨论一致决定,把一些界面性质的东西扔给web来做,客户端提供窗口容器(猴开心)。然后用WKWebView,遇到好多坑,这里拿出最大的一个坑来讲。

WKWebView web调用native

初始方案

客户端在下面这个回调方法中,截获web以特定的schema开头的url。

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler;

WKWebView中的web执行以下方法来触发:

document.location = "xxx://{methodName:sendRequest}"

然后发现有坑,坑就是同时调用两个后面那个可能会覆盖前面那个。

其次方案

客户端在下面这个回调方法中,截获web以特定的字符串开头的alert字符串。

-(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler;

WKWebView中的web执行以下方法来触发:

alert("xxx://{methodName:sendRequest}");

然后发现有坑,坑就是iOS 8的WKWebView不支持加载本地的web网页,iOS 9才开始支持,而且必须用下面方法才行:

- (nullable WKNavigation *)loadFileURL:(NSURL *)URL allowingReadAccessToURL:(NSURL *)readAccessURL API_AVAILABLE(macosx(10.11), ios(9.0));

所以iOS 8的本地加载必须用UIWebView,而UIWebView必须写个Catagory来触发私有方法。怕被拒,不敢用。

其实如果不是iOS 8本地加载业务场景的限制,这个方案应该是可行的,但是web在alert的时候,整体是阻塞状态,没有验证是否会有其他的坑。

最终方案

感谢唐巧大神老早12年的博客,业界已有成熟方案,结果自己又踩了一遍坑(我天,17年了好么!)

http://blog.devtang.com/2012/03/24/talk-about-uiwebview-and-phonegap/

最终还是在下面这个方法里做的url截获:

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler;

WKWebView native调用web

官方提供的方法:

- (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ _Nullable)(_Nullable id, NSError * _Nullable error))completionHandler;

因为这个方法是异步的,有时候你想从web那边同步拿个数据,都很蛋疼。所以自己实现了个同步方法:

- (NSString *)syncExecScript:(NSString *)script

{

    __block BOOL finished = NO;

    __block NSString *content = nil;

    [self.webview evaluateJavaScript:script completionHandler:^(id _Nullable result, NSError * _Nullable error) {

        content = result;

        finished = YES;

    }];

    while (!finished)

    {

        [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate distantFuture]];

    }

    return content;

}

然后就撞到坑了

坑是这样的,web调了客户端一个分享的方法,然后在这个方法里呢,客户端要调用web的方法取得要分享的数据。于是就实现了类似以下的调用:

- (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ _Nullable)(_Nullable id, NSError * _Nullable error))completionHandler

{

    decisionHandler(WKNavigationActionPolicyCancel);

    NSString *url = [self syncExecScript];

   ****

    return;

}

然后就死掉了!我天,卡死。

然后,跟写web的达叔一起查了下这个问题,得到答案:

我以为,执行了decisionHandler(WKNavigationActionPolicyCancel); web的事情就完事了。

然鹅,达叔说JS是单线程的。

所以,JS的单线程出发了WKWebView的截获事件,一直等着WKWebView来告诉他要不要跳转。然后iOS的这个线程,又调用了JS的一个方法,拿了数据我这个线程才会去做其他事情。于是你等着我,我等着你,就死锁了。

这是达叔给出的解释,perfect,没瑕疵。这也就说明了,decisionHandler(WKNavigationActionPolicyCancel);在return之后才生效的。

解决了这个坑,完美。睡觉去了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容