关于Vue不兼容IE浏览器的解决方案

又到了一年一度的1024,今天给大家带来了一个干货,相信很多前端小伙伴们都很喜欢使用Vue框架,但是对于各类浏览器的兼容来说除了IE其他都好说,这里就为大家带来了Vue兼容IE浏览器的解决方案之一,当然这只是众多解决方案里的一个

window.onload = function(){
                function IEVersion() {
                            var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
                            var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
                            var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
                            var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
                            if(isIE) {
                                var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                                reIE.test(userAgent);
                                var fIEVersion = parseFloat(RegExp["$1"]);
                                if(fIEVersion == 7) {
                                    return 7;
                                } else if(fIEVersion == 8) {
                                    return 8;
                                } else if(fIEVersion == 9) {
                                    return 9;
                                } else if(fIEVersion == 10) {
                                    return 10;
                                } else {
                                    return 6;//IE版本<=7
                                }   
                            } else if(isEdge) {
                                return 'edge';//edge
                            } else if(isIE11) {
                                return 11; //IE11  
                            }else{
                                return -1;//不是ie浏览器
                            }
                        }
                        var a = IEVersion();
                        
                        if(a != -1){
                            alert("系统检测到您的浏览器版本过低,可能造成页面无法正常显示,请尝试使用其他浏览器打开!")
                        }
            }

噗哈哈哈哈哈~终极解决方案有木有!哈哈哈哈,好了开个玩笑,祝大家今天节日快乐~

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值