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:@{}];

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

相关推荐
SoleMotive.7 小时前
一个准程序员的健身日志:用算法调试我的增肌计划
python·程序员·健身·职业转型
万岳科技程序员小金10 小时前
多商户商城系统源码 + APP/小程序开发:技术架构与应用解
程序员·开源·源码·多商户商城系统源码·多商户商城小程序·多商户商城app开发·多商户商城平台开发
NAGNIP14 小时前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
阿里嘎多学长16 小时前
2026-02-03 GitHub 热点项目精选
开发语言·程序员·github·代码托管
修己xj1 天前
山野的风,城市的窗:一位拾粪爷爷与我的时代之问
程序员
沈二到不行1 天前
【22-26】蜉蝣一日、入樊笼尔
程序员·ai编程·全栈
AI绘画哇哒哒1 天前
【干货收藏】深度解析AI Agent框架:设计原理+主流选型+项目实操,一站式学习指南
人工智能·学习·ai·程序员·大模型·产品经理·转行
程序员鱼皮3 天前
刚刚,Claude Opus 4.6 和 GPT-5.3-Codex 同时炸场!AI 编程要变天了
计算机·ai·程序员·互联网·软件开发
Stephen_Young3 天前
32岁程序员猝死:让我想起了我曾经的加班经历,庆幸自己还活着
程序员·工控
良许Linux3 天前
51单片机都有哪些优缺点
单片机·程序员·嵌入式·编程