项目在低版本浏览器下不兼容？友情提示客户升级浏览器（以下只针对IE浏览器）

时间：2021-05-04 08:34:09
(function (window) {

  var win = window,

    sys = {},

    ua = navigator.userAgent.toLowerCase();

  (/msie\s+(\d+)/.test(ua)) ? sys.ie = RegExp.$1 :

    (/firefox\/(\d+)/.test(ua)) ? sys.firefox = RegExp.$1 :

      (/chrome\/(\d+)/.test(ua)) ? sys.chrome = RegExp.$1 :

        (/opera.(\d+)/.test(ua)) ? sys.opera = RegExp.$1 :

          (/version\/(\d+).*safari/.test(ua)) ? sys.safari = RegExp.$1 : 0;

  if (sys.ie && sys.ie < 11) {

    // 浏览器版本过低

    var divDOM = document.createElement("div");

    divDOM.id = "alert_browser";

    divDOM.innerHTML = "<p style='z-index:999999;font-family:Georgia,Serif;width:100%;height:50px;line-height:50px;font-size:14px;margin:0;padding:0;" +

      "text-align:center;position:absolute;left:0;top:0;" +

      "background-color:#FAFAD2;border-bottom: 1px solid #DCDCDC'>系统检测您的浏览器版本过低，请升级您的浏览器&nbsp;&nbsp;" +

      // 浏览器下载图标全部在这里

      "<a target='_blank' href='http://chrome.360.cn/' style='margin:0 10px;'><img style='vertical-align:middle;border:none;' src='http://i6.download.fd.pchome.net/g1/M00/08/04/oYYBAFN0Lg2IVp_SAADF669ldkIAABh7QKbKLUAAMYD687.png' width='30' height='30' alt='360急速浏览器' /></a>" +

      "<a target='_blank' href='http://dl.pconline.com.cn/download/51614-1.html' style='margin:0 10px;'><img style='vertical-align:middle;border:none;' src='https://cdn1.iconfinder.com/data/icons/smallicons-logotypes/32/chrome-512.png' width='30' height='30' alt='谷歌浏览器' /></a>" +

      "<a target='_blank' href='https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads' style='margin:0 10px;'><img style='vertical-align:middle;border:none;' src='https://vignette1.wikia.nocookie.net/kirby/images/4/40/IE.png/revision/latest?cb=20110716080705&path-prefix=en' width='30' height='30' alt='IE最新版本' /></a>" +

      "<p>";

    document.body.appendChild(divDOM)

  }

})(window)

相关文章