前端白屏问题_小程序白屏问题和内存解决方法

1

关于WKWebview白屏，网上罗列的常见原因大致有以下几种：

1.内存占用比较大时，WebContent Process 会 crash，从而出现白屏现象。

2.URL网址无效或者含有中文字符。

3.WKWebview刚推出时，在IOS8.0~8.2会偶尔出现白屏

4.由于滚动组件嵌套的结构，不刷新的问题。

2

针对原因3，解决的方案是判断IOS系统版本，小于8.2的使用UIWebView。如果站在小程序开发者的角度，这个跟我们好像没有关系。小程序是个平台，我们在这个平台上开发我们的小程序应用，如果小程序也有这个问题，那只能由小程序团队去解决这件事情。还有，比如原因4，我们该嵌套还是得嵌套，有问题也是小程序团队去解决。至于原因2，如果是小程序原生开发的话，页面间的跳转URL包含中文也是能正常跳转的，这个应该是小程序内部兼容了。但是原因1，这个跟我们就有很大的关系了，比如我们定义了大量的变量，使用完了却没有释放，那么这部分内存在小程序销毁之前会被一直占用。再比如我们在某一刻操作了某个比较大的变量，可能在短时间内，内存使用量也会飙升。同样的，对于导致Android WebView白屏的问题，绝大部分也只能由小程序团队去解决。

这样一来，从开发小程序应用的前端角度来说，我们能够把握的是尽量避免由于内存使用紧张导致的部分WebView被回收而出现的白屏问题。至此，我们研究的小程序白屏问题，可以转向对小程序内存优化的研究。

3

下面总结一下平时开发过程中可能会导致内存警告的操作：