1. 程式人生 > >關於對android載入webview出現空白頁的問題記載

關於對android載入webview出現空白頁的問題記載

網上有很多載入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的其實也是不支援的。

所以最終的解決方法是:

使用 polyFill包支援,polyFill中針對低版本的Android、ios系統支援Es6預發

安裝babel-polyfill

npm install babel-polyfill --save

引入babel-polyfill

import 'babel-polyfill'

安裝完成後,很有可能還是不可以,這個時候就要改一下引入babel-pollyfill的格式,然後再執行就可以了。

這個解決方法是web端進行修改的,與我們android是沒有關係的。

不足之處還請多多指教,歡迎關注我的公眾號