java浏览器兼容性怎么解决_浏览器兼容性处理方案总结

问题：

安卓4.4操作系统下webviewH5页面访问空白？

原因：

该webview浏览器内核版本太低，JavaScript解析器无法解析es5，es6新语法

解决步骤：

破题

利用babel polyfill对不兼容的语法进行处理

依赖安装

根据官网文档，我们可以看出@babel/polyfill在7.4版本已经过时，实际上拆分成了core-js和regenerator-runtime

As of Babel 7.4.0, this package has been deprecated in favor of directly including core-js/stable (to polyfill ECMAScript features) and regenerator-runtime/runtime (needed to use transpiled generator functions)

package.json文件中增加配置

"core-js": "^3.2.1",

"@babel/preset-env": "^7.5.5",

"regenerator": "^0.14.2",

"regenerator-runtime": "^0.13.3",

复制代码

入口引用

入口文件main.js中引入

// babel 7 解决兼容老版ie不支持js高级特性api，本测试在ie 9，10，11三个版本亲测有效

// babel5,6(或者更旧版的) 有对应的