安卓webview网页卡死bug原因,解决

一个神奇的bug！

安卓APP里面的h5网页，点击按钮之后，网页卡死，没有任何反应，所有的按钮，全部的链接都无法点击，没有响应。

安卓webview有问题，iOS APP里面没有问题。

开始怀疑人生。

逐个推测，

是不是有透明层盖住了网页？

是不是代码报错？

是不是vue模板报错？

是不是同步ajax阻塞页面交互？

是不是安卓APP层有透明层盖住网页？

是不是死循环导致卡死？

有没有被设置 pointer-events: none;导致点击失效？

最终查出来原因！

安卓webview没有实现 alert() 弹窗，但是js调用了 alert ，但是alert又是阻塞页面的，没处理alert，就导致页面没法点击 交互。

同理，调用confirm确认弹窗也是一样有问题。

解决方法

把使用alert的换成 vant ui或者饿了么开源库的弹窗。

或者，在安卓原生APP层把alert实现一下，彻底解决问题。

但是有些老版本APP无法快速升级版本，所以web改代码也可以，不调用alert confirm就可以了。