最近遇到一个问题，WKWebview在加载HTML的时候会白屏卡顿一段时间，网速差的时候可能会白屏10秒左右。
通过抓包发现是前端页面调用一个JS脚本获取IP地址导致的“https://api.ipify.org/?format=jsonp&callback=getIP”。
但是查看源码发现该脚本通过<script>标签实现，并且设置了async属性，按理说不会阻塞主线程，且在Android和系统的Safari上都不会出现阻塞UI的问题。
进一步在代码中排查，最终发现了问题所在，如下图
问题出现的代码
因为之前有部分网页加载失败所以为WKWebViewConfiguration设置了suppressesIncrementalRendering属性为true，该属性是布尔值，决定Web视图内容在完全加载到内存前是否显示，默认为NO，即边加载边显示。例如，Web视图中有文字和图片，会先显示文字后显示图片。设置该属性后webView的script标签的async属性失效。
问题1 WKWebView 加载白屏问题 Could not signal service com.apple.W...
1、WKWebView 白屏问题WKWebView 自诩拥有更快的加载速度，更低的内存占用，但实际上 WKWebV...
1、WKWebView 白屏问题WKWebView 自诩拥有更快的加载速度，更低的内存占用，但实际上 WKWebV...
1、WKWebView白屏问题 WKWebView自诩拥有更快的加载速度，更低的内存占用，但实际上WKWebVie...
iOS 的WKWebview加载白屏问题。xcode的报错提示是 Could not signal service...
1.WKWebView白屏问题 WKWebView自我拥有更快的加载速度，更低的内存占用，但实际上WKWebVie...
解决WKWebView加载的白屏问题 方法一: objective - C 版 Swift 版 方法二: -- 服...
通过腾讯bugly卡顿日志发现，有许多WebKit的卡顿信息，但是却没有定位到项目中的具体代码。通过大量观察发现很...
白屏场景 加载到WKWebView页面后，前/后台来回切换APP。 白屏原因 WKWebView是一个多进程组件，...
WKWebview页面突然白屏问题 页面突然白屏可能是由于加载资源过大，内存不足，导致webview的进程被程序终...
本文标题：WKWebView加载白屏并卡顿问题排查
本文链接：https://www.haomeiwen.com/subject/tyeyedtx.html
网友评论