如果項目使用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)
實現的效果圖:
