Question

如何在用户使用IE8及以下的浏览器时,弹出浏览器版本过低的提示

如何在用户使用IE8及以下的浏览器时,弹出浏览器版本过低的提示
有什么在线的网站可以测试网站兼容性的?

Answer 1

把这个写到你的js文件里，比如说“test.js”：

var BrowserDetect = {
      init: function () {
         this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
         this.version = this.searchVersion(navigator.userAgent)
         || this.searchVersion(navigator.appVersion)
         || "an unknown version";
      },
      searchString: function (data) {
         for (var i=0;i<data.length;i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
               if (dataString.indexOf(data[i].subString) != -1)
                  return data[i].identity;
            }
            else if (dataProp)
               return data[i].identity;
         }
      },
      searchVersion: function (dataString) {
         var index = dataString.indexOf(this.versionSearchString);
         if (index == -1) return;
         return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
      },
      dataBrowser: [
         {
            string: navigator.userAgent,
            subString: "Chrome",
            identity: "Chrome"
         },
         {
            string: navigator.vendor,
            subString: "Apple",
            identity: "Safari",
            versionSearch: "Version"
         },
         {
            prop: window.opera,
            identity: "Opera",
            versionSearch: "Version"
         },
         { 
            string: navigator.userAgent,
            subString: "Firefox",
            identity: "Firefox"
         },
         {
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Explorer",
            versionSearch: "MSIE"
         },
         {
            string: navigator.userAgent,
            subString: "Gecko",
            identity: "Mozilla",
            versionSearch: "rv"
         },
         { // for older Netscapes (4-)
            string: navigator.userAgent,
            subString: "Mozilla",
            identity: "Netscape",
            versionSearch: "Mozilla"
         }
      ],
   };
   BrowserDetect.init();

然后用法如下：

if(test.BrowserDetect.version <= 8 && test.BrowserDetect.browser == "Explorer"){
    alert("IE版本小于8，请更新！");
}

也可以让你判断火狐等别的浏览器，你可以看看代码。

追问

请问，当小于IE9时提示，是将代码中的8修改为9么？

追答

对的

Answer 2

没有在线测试 兼容性的网站 一般这样的 简单 测试 都是 通过 本地 搭建一个环境 然后自己测试，也有一些国外的网站 可以使用 但是 需要 注册 后 冲了会员 才可以 使用这种权限的 比较 麻烦 也不推荐 你使用 就自己 在本地 做个 环境 吧 不会 的 具体 百度 或者 继续 提问