我这个问题出现在android6.0以下的机子上, 其他版本没问题。
解决方法(前三种方法需要Android同学改,第四种需要web前端同学改):
1.启用mixed content
在Android5.0中,WebView方面做了些修改,如果你的系统target api为21以上:
系统默认禁止了mixed content和第三方cookie。可以使用setMixedContentMode() 和 setAcceptThirdPartyCookies()以分别启用。
系统现在可以智能选择HTML文档的portion来绘制。这种新特性可以减少内存footprint并改进性能。若要一次性渲染整个HTML文档,可以调用这个方法enableSlowWholeDocumentDraw()
如果你的app的target api低于21:系统允许mixed content和第三方cookie,并且总是一次性渲染整个HTML文档。
在使用WebView的类中添加如下代码:
/**
* 启用mixed content android 5.0以上默认不支持Mixed Content
*
* 5.0以上允许加载http和https混合的页面(5.0以下默认允许,5.0+默认禁止)
* */
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
2.适配https的ssl证书问题
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
handler.proceed(); // 接受所有网站的证书
// super.onReceivedSslError(view, handler, error);
}
3.设置适应Html5
/**设置适应Html5的一些方法*/
webView.getSettings().setDomStorageEnabled(true);
4.如果页面代码使用了es6 promise等新特性,可能要引入一些js文件去兼容低版本
<script src="./js/babel.min.js"></script>
<script src="./js/bluebird.min.js"></script>
或者通过npm的方式安装依赖:
1.npm install babel-polyfill es6-promise --save;
2.main.js 引入
3.入口文件修改webpack.base.conf.js
我的代码里就引入这两个js文件,这样即使低版本Android系统的webview浏览器也能正常解析这些es6代码,如果还不行或者大家还有其他方法,欢迎留言区讨论!