您的位置:

wkwebview白屏原因及解决方案总结

一、wkwebview白屏优化

wkwebview是iOS 8+中新增的,是原来的UIWebview的替代品,它更为高效稳定,并支持更多HTML5特性。然而,在使用中常会遇到wkwebview白屏的问题,特别是在加载大量数据的情况下,app表现会变得不太流畅。

要优化这个问题,可以从以下几个方面进行考虑:

1、合理使用缓存:缓存是提升性能的一种手段,但是如果使用不当就会造成卡顿等问题。我们可以将一些静态资源、不经常更新的数据进行本地缓存,这样可以避免每次都要从服务器获取数据造成的卡顿。

2、使用预加载:很多时候我们可以预先加载下一页的数据,在用户到达下一页时再直接呈现出来,这样可以避免下一页的加载造成用户等待的卡顿。

3、尽可能减少DOM操作:DOM是JavaScript与HTML交互的一种方式,但是频繁的DOM操作对性能的影响是巨大的,所以我们要尽量减少DOM操作,例如可以使用批量操作的方式进行DOM操作。

二、wkwebview白屏闪现

wkwebview白屏闪现通常是由于异步操作执行顺序的问题造成的。比如,在重新加载页面时,如果js操作与页面初始化不是同步进行的话,就会出现页面内容先渲染出来,但是js操作还没有执行的问题,从而导致白屏闪现。

解决这个问题可以从以下两个方面进行:

1、js执行顺序与页面渲染同步:可以在卸载页面的时候使js停止执行,然后再进行渲染,等到渲染完成后再进行js执行。

2、提高页面载入速度:可以通过优化网络请求,删除不必要的资源等方式来提高页面载入速度,从而达到消除白屏闪现的目的。

三、wkwebview白屏问题

wkwebview白屏问题主要有以下几种情况:

1、wkwebview白屏加载不出来

出现这种情况有可能是因为网络问题,也可能是代码方面的问题。可以按照以下步骤来进行排查:

1、检查网络连接是否正常,试试其他网址是否能够正常加载。

2、检查代码是否有问题并调试,可能是因为代码逻辑等问题造成了错误。

3、恢复wkwebview的初始状态,或是对wkwebview做重启。

2、wkwebview白屏复现

如果在某些情况下出现了一些异常操作,例如多次切换控制器、内存不足等,就有可能造成wkwebview白屏的问题。

解决这个问题可以从以下三个步骤进行:

1、检查代码是否有内存泄漏等问题,可能是因为长时间运行导致了内存不足。

2、适度设置内存缓存大小,可以设置缓存的大小,避免内存占用过高。

3、尝试延迟页面的加载,可以等到页面全部加载完成后再进行呈现和操作。

3、Wkwebview白屏,清缓存就好了

在使用wkwebview时,如果遇到了白屏问题,可以尝试清除缓存再重新加载网页。

以下是清除缓存的代码示例:

if #available(iOS 9.0, *) { 
    let websiteDataTypes = NSSet(array: [WKWebsiteDataTypeDiskCache, WKWebsiteDataTypeMemoryCache])
    let date = NSDate(timeIntervalSince1970: 0)
    WKWebsiteDataStore.default().removeData(ofTypes: websiteDataTypes as! Set, modifiedSince: date as Date, completionHandler: {})
} else {
    let libraryPath = NSSearchPathForDirectoriesInDomains(.libraryDirectory, .userDomainMask, true).first
    let cookiesPath = "\(libraryPath!)/Cookies"
    try? FileManager.default.removeItem(atPath: cookiesPath)
}

  

四、结论

wkwebview白屏问题是iOS开发中常见的问题之一,但是只要注意一些细节,以及从多个方面进行优化和排查,就可以避免或者解决这个问题。希望本文能够给大家提供一些有用的参考,祝愿大家工作愉快!