js判断是否是ie浏览器、360浏览器兼容模式、QQ浏览器兼容模式、搜狗浏览器兼容模式,弹出提示使用别的浏览器打开

如果项目使用ie浏览器、360浏览器兼容模式、QQ浏览器兼容模式、搜狗浏览器兼容模式等浏览器打开,会出现白屏不会显示页面,此时需要编辑一个页面提醒用户使用其他浏览器打开或者使用极速模式打开页面。

js代码如下:  

(function(window) {
    var userAgent = navigator.userAgent;
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    var compatibilityMode = window.navigator.userAgent.indexOf('compatible') != -1;
    if (isIE || isIE11 || compatibilityMode) {
        var str = "抱歉!您浏览的页面无法正常显示";
        var str2 = "推荐使用Chrome,Firefox,Edge浏览器,如果您使用的是360、搜狗、QQ等双核浏览器,";
        var str1 = "请切换到极速模式访问(如下图所示)";
        var str3 = "./img/jiantou.png";
        var str4 = "./img/logo.png";
        document.write("<div><img style='margin:20px 0 0 100px;' src='" + str4 + "'/><div style='width:900px;margin:0 auto;font-family:Microsoft YaHei'>" +
            "<p style='padding-top:100px;margin:0;text-align:center;margin-bottom:40px;color:#999;font-size:30px;'>" + str + "<br/></p><p style='color:#999;font-size:20px;margin-left:50px;'>" + str2 + "</br>" + str1 + "</p>" +
            "<div style='text-align:center;' ><img src='" + str3 + "'/></div>" + "</div></div>");
        // document.execCommand("Stop");
    }
})(window)
实现的效果图:

 

 

posted @ 2021-04-12 15:19  我爱敲代码0000  阅读(1665)  评论(0编辑  收藏  举报