关于对android加载webview出现空白页的问题记载

只会写bug的咸鱼

于 2018-09-04 15:01:32 发布

阅读量8k

点赞数 3

分类专栏：开发中遇到的问题文章标签： android 加载webview出现空白页 Uncaught SyntaxError

本文链接：https://blog.youkuaiyun.com/lzllzllhl/article/details/82383146

版权

在Android应用中使用WebView加载网页时，遇到在部分设备上显示空白页的问题。经过排查，发现是由于Web端使用了ES6语法，不兼容低版本Android系统导致的Uncaught SyntaxError。解决方案是在Web端引入babel-polyfill，通过npm安装并正确引入，从而解决低版本Android手机白屏的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上有很多加载webview的代码，并且都很完善，所以这里就贴一下主要的代码，如图：

只要设置这几行其实就可以加载出来网页了，但是在我的虚拟机和手机上都不行ios和浏览器上都可以并且是没有问题的，所以我就百度、谷歌了一波还是不行，重要的是我忽略了最重要的一个问题，控制台上打印出来的错误一直被我忽视了，如图：

一直没有注意到的问题也是之前一直都没有看见的问题：Uncaught SyntaxError: missing ) after argument list", source: http://m.zhongwentoutiao.com/static/js/app.c9ac553872e3381ae95f.js (925)，这是怎么回事呢？

经过百度和各位大神的指点才知道问题出在web，于是我就问了一下我们的web，她跟我说可能是用了es6语法造成的，于是我就开始搜索关于es6语法的问题，终于不负有心人，发现是es6中vue语法不兼容导致的低版本安卓手机白屏的问题。于是我试了一下7.0和8.0的手机是可以出来的。看了好多论坛说是5.1的，在5.1以下会有这种问题，但是我发现，6.0的其实也是不支持的。

所以最终的解决方法是：