WKURLSchemeHandler接管h5 那些你不知道的坑

如果想知道h5缓存方案可以看我上一篇文章 juejin.cn/post/729966...

目前使用WKURLSchemeHandler接管H5已经成为主流方式,然而这种高度灵活的方案可能让你深陷一些令人沮丧的困境。在实践中,你将面临许多许多的问题。下面咱们来聊聊我踩的坑。

1、我们都了解通过WKURLSchemeHandler接管H5实现缓存的方式一定要实现webView:(nonnull WKWebView *)webView startURLSchemeTask:(nonnull id<WKURLSchemeTask>)urlSchemeTask函数拦截所有请求的方式,但是这种方式却无法灵活地指定拦截的请求类型,例如只拦截GET请求,这确实令人头痛。如果有其他小伙伴有更优雅的解决方案,非常欢迎留言分享。共同探讨如何更好地优化这个问题。

2、如果要拦截必然要通过WKURLSchemeTask协议的didReceiveResponse didReceiveData函数告诉webview,相信你肯定遇到过一个崩溃也就是task已经stop了,你依然调用WKURLSchemeTask协议函数。 于是我通过查找资料发现网友都说可以通过一个map来控制,也就是stop的url放入到一个map中然后再调用协议判断如果map中已经含有,就不再调用,如下代码

less 复制代码
if ([self.hashTable containsObject:urlSchemeTask.request.URL.absoluteString]) {
            return;
        }

        @try {
            if (error) {
                [urlSchemeTask didFailWithError:error];

            } else {

                [urlSchemeTask didReceiveResponse:response];

                [urlSchemeTask didReceiveData:responseObject];

                [urlSchemeTask didFinish];

            }

            [self removeTaskUrl:urlSchemeTask.request.URL.absoluteString];

        } @catch (NSException *exception) {

        } @finally {

        }

这个方法当然是个好方法,奈何我们这个拦截是复用的,webview退出时候没有清理map,导致两个webview用同一个资源url,在正常情况回调时候判断了map里含有了这个url,导致一直不给webview回调,webview一直无法加载,一直无法加载,再也不会加载, 这里有个坑点,只要有一个请求不给webview回调,webview就会一直等待,不再继续加载

3.我们经常遇到的跨域问题,也就是webview的dns和图片以及资源的dns发现不一样,不允许解析,我翻阅了无法资料网友都说做缓存response都是存了data然后自己创建一个也就是如下方式

arduino 复制代码
[[NSHTTPURLResponse alloc] initWithURL:@"" MIMEType:@"xxx" expectedContentLength:text.lenth textEncodingName:@"xxx"]

信誓旦旦用了这种方式,结果加载图片失败,遇到了跨域问题,抓包图片里已经允许了跨域,为什么还是遇到了跨域问题,当然是我们在执行didReceiveResponse告诉webview的时候,压根没有header啊,相当于header里压根没有告诉webview允许跨域啊,于是修改了缓存,给网络请求的整个response整个缓存下来包含header,这里我采用了YYCache代码如下:

ini 复制代码
NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *)response;


            NSMutableDictionary *dic = [[NSMutableDictionary alloc] init];

            if ([responseDic isKindOfClass:[NSData class]]) {

                dic[@"responseData"] = responseDic;

            }

            dic[@"response"] = response;

            [self.diskCache setObject:dic forKey:[self cacheKeyWithUrl:response.URL] withBlock:^{

  


            }];

完美解决跨域问题

4、ios 12.5崩溃问题,有一些无用的我请求,拦截之后不想做网络请求直接使用了

objectivec 复制代码
[[NSHTTPURLResponse alloc] initWithURL:nil MIMEType:@"" expectedContentLength:text.length textEncodingName:@""]

初始化一个reseponse通过didreceiveresponse给webview,结果ios 12.5无法获取版本号崩溃,改成如下即可

ini 复制代码
NSHTTPURLResponse *newResponse = [[NSHTTPURLResponse alloc] initWithURL:urlSchemeTask.request.URL statusCode:200 HTTPVersion:@"HTTP/2.0" headerFields:@{}];

以下是我目前遇到的坑点,如果有错误地方欢迎大家共同讨论。

相关推荐
码栈研说15 小时前
Go 语言大白话入门 10 - 排序与常用数据操作
后端·程序员
小阿鑫16 小时前
一个 AI 应用开发程序员的一天,都在屏幕前忙些什么?
ai·程序员·agent·rd270q·明基rd270q
猿的天空18 小时前
机器人双手迎来全栈训练系统:灵初智能EgoSteer让灵巧手无所不能
网络·人工智能·计算机·ai·程序员·机器人·编程
触底反弹18 小时前
🔥 AI 写代码总翻车?这套实战方法论救了我
人工智能·面试·程序员
用户8524950718421 小时前
从零攻克 useState:React 最核心的 Hook,一篇讲透状态更新和批处理
程序员
用户8524950718421 小时前
轻松上手 Vibe Coding:别让 AI 写屎山代码,先学会怎么指挥它
程序员
狂师1 天前
从 LLM 评测到 AI Agent 评测,我的一些思考!
人工智能·程序员·aigc
AI大模型-小雄2 天前
Codex 长任务总要重新开始?买 Credits 还是升级 ChatGPT Pro
人工智能·chatgpt·程序员·ai编程·codex·ai办公·chatgpt pro
Java爱好狂.2 天前
Java就业需要学习哪些内容?
spring·程序员·springboot·架构师·java面试·java面试题·java八股文
阿里嘎多学长2 天前
2026-07-22 GitHub 热点项目精选
开发语言·程序员·github·代码托管