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)
實現的效果圖:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM