iOS开发~WKWebView白屏适配

本文主要介绍了在iOS开发中遇到WKWebView白屏问题的解决过程,包括尝试的多种方法,如监听webViewWebContentProcessDidTerminate方法、调整H5资源位置、设置允许访问FileURL等,最终通过修改配置解决白屏并解决加载速度问题。
摘要由CSDN通过智能技术生成

WKWebView虽好,但白屏问题也很苦恼,下面分享一下自己解决问题的过程。

公司项目使用Cordova框架,做原生项目嵌入H5,业务复杂了以后,H5资源也越来越大,占用内存越来越多,加载也越来越慢,直到做热更新时候,遇到了白屏问题。

第一步:有说白屏时候回调webViewWebContentProcessDidTerminate方法,那就加上吧:

- (void)webViewWebContentProcessDidTerminate:(WKWebView *)webView {
    [webView reload];
}

然而没用,根本不回调。

第二步:-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {  }方法中加载外部JS导致白屏,那就去掉,然而还是没用。

第三步:由于做热更新,加载了本地H5资源,注意本地H5资源必须放到沙盒Documents目录下才能被WKWebView访问,放在tmp或Library下根本不行。

NSURL *url = [NSURL fileURLWithPath:urlString];
[webView loadRequest:[NSURLRequest requestWithURL:url]];

这样使用,还是不行。改成:

NSURLRequest *request = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestReloadIgnoringCacheData timeoutInterval:30];
[webView loadRequest:request];

并且WKWebView初始化时候,加上允许访问FileURL:

 [configuration.preferences setValue:@YES forKey:@"allowFileAccessFromFileURLs"];
 [configuration setValue:@YES forKey:@"_allowUniversalAccessFromFileURLs"];

发现模拟器上不白屏了,但高兴太早了,真机测试,依然白屏。

第四步:参考字节分享的白屏重载方法

-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation
{
    [self judgeLoadingStatus:webView withBlock:^(we
检测iOSWKWebView白屏问题的方法有以下几种: 1. 检查网络连接:首先要确保设备处于正常的网络环境下。白屏问题有可能是由于网络连接不稳定或断开导致的,可以通过尝试打开其他网页或应用来测试网络连接是否正常。 2. 检查网页URL:检查加载的网页URL是否正确。有时候白屏问题是由于URL输入错误或者失效导致的,可以尝试通过其他方式打开相同的URL来检查是否能够正常加载网页。 3. 检查代理设置:如果设备上启用了代理服务器,可能会干扰WKWebView的正常加载。可以在系统设置中检查代理设置是否正确或者尝试禁用代理来解决问题。 4. 清除缓存和Cookie:有时候缓存或者Cookie的问题会导致WKWebView白屏。可以尝试清除应用的缓存和Cookie来解决问题。可以通过从系统设置中找到当前应用,然后选择清除缓存和Cookie来进行操作。 5. 检查WebView配置:在创建WKWebView实例时,可以通过配置参数来定制WebView的行为。检查WebView的配置是否正确,比如是否启用了JavaScript执行以及是否设置了正确的User Agent等。 6. 检查网页内容:有时候网页内部的错误会导致WKWebView无法正常加载并显示内容。可以尝试在其他设备或者浏览器上加载同一网页,检查是否有错误提示或者加载失败的情况。 通过以上的方法可以尝试解决iOSWKWebView白屏问题,如果问题仍然存在,可能需要进一步排查代码逻辑或者咨询相关开发者或技术支持人员的帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zfpp25_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值