• 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='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)
    实现的效果图:
  • 相关阅读:
    海量的数据的处理
    leetcode(135)分发糖果
    leetcode(130)被围绕的区域
    排序算法
    leetcode(956)最高的广告牌
    kafka的配置
    kafka命令行
    leetcode(76)最小覆盖子串
    Vue开发全解
    idea eclipse 设置代理
  • 原文地址:https://www.cnblogs.com/wangyan0926/p/14648179.html
Copyright © 2020-2023  润新知