vue ie8 不兼容提示怎么解决

前端技术 03/18 Vue

vue ie8不兼容的解决办法：1、用“babel-polyfill”将es6的语法转成es5；2、引入“es6-promise”；3、提示升级浏览器或者通过“(function(w){if(!("websocket"in w&&2===w.websocket.closing)){...}”直接跳转升级即可。

vue ie8 不兼容提示怎么解决

本教程操作环境：Windows10系统、Vue 3版、DELL G3电脑

vue ie8 不兼容提示怎么解决？

解决Vue兼容低版本浏览器的简单方法

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。使用Vuex和axios时需要浏览器支持：Promise，而IE并不支持Promise。

Tip：如果项目需要支持IE用户，不建议使用Vue构建。

如何使用Vue支持更多的浏览器版本？

方法一、babel-polyfill 模拟ES2015+

要用 babel-polyfill 来将 ES6 的语法转成ES5，模拟整个 ES2015+ 环境。可以使用Promise 和WeakMap，方法Array.from，Object.assign ，Array.prototype.includes。

npm install --save babel-polyfill
require("babel-polyfill");
import "babel-polyfill";

方法二、es6-promise 支持 Promise

npm install es6-promise
require('es6-promise').polyfill();

Tip:虽然这些polyfill 满足了一些需求，但无形中增加了项目的大小。

方法三、低版本浏览器提示

兼容低版本浏览器本身就是一件很痛苦的事情，同时IE浏览器已经基本成为过去时了，如果再为了兼容这些浏览器做过多的工作的话，实在是一种浪费。

提示用户升级浏览器也是一个不错方法。推荐网站：快乐浏览。

快乐浏览：提供常用的浏览器下载，包括谷歌、火狐、360浏览器等。在VUE项目中的publicindex.html文件里添加如下Js代码：

提示升级浏览器

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML=&#39;<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">u4f60u7684u6d4fu89c8u5668u5b9eu5728<strong>u592au592au65e7u4e86</strong>uff0cu592au592au65e7u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">u7acbu5373u5347u7ea7</a></div>&#39;;var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));

直接跳转

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){w.location.replace("http://browsehappy.osfipin.com/");}}(window));

综合来讲，目前IE用户已经基本很少了，没有必要为了兼容IE用户做出很多妥协。或许强制用户升级浏览器是一个不错的选择。

推荐学习：《》

以上就是vue ie8 不兼容提示怎么解决的详细内容，更多请关注本站点其它相关文章！

本文地址：https://www.stayed.cn/item/27019

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案