Question

我为客户网站建立了一个视差介绍 - 由于预算有限，动画只适用于高端浏览器，IOS和ie9。

因此，我需要在站点主页中创建一个检测脚本，以检测以下内容

如果：

ie9 / firefox / chrome / safari - 留在当前网站
IOS - 转到IOS版本
Android - 跳至主站点
IE8及以下 - 跳至主站点

我过去用PHP执行'移动'检测 - 但上面的内容非常具体，所以我不确定如何处理它..主站点是aspx，所以我可以将动画页面变成一个aspx页面也使用服务器端检测，或者查看Javascript / jquery选项或插件 - 或两者的组合..？

有人可以推荐一个好的解决方案吗？

Answer 1

希望不要进入浏览器检测/超级检测参数blah blah blah，http://www.quirksmode.org/js/detect.html有一个很好的脚本来处理这个

Answer 2

尝试使用以下代码，使用navigator object ::

    var ua = navigator.userAgent;
    if(navigator.appName == "Netscape"){ //for Firefox, Safari and Chrome
         //do nothing, stay on this page.
         return;
    }
    else if(navigator.appName == 'Microsoft Internet Explorer'){
        //check for version

        var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if (re.exec(ua) != null){
          version = parseFloat( RegExp.$1 );
        }
        if(version >= 9.0){
           //do nothing, stay on this page.
           return;
        }
        else{
           //redirect to the site for lower IE versions.
        }
    }
    else if(ua.match(/Android/i)){
       //code for skipping to Android version
    }
    else if(ua.match(/iPhone/i)){
       //code for skipping to iPhone version
    }
    else if(ua.match(/iPad/i)){
       //code for skipping to iPad version
    }

Answer 3

有一个JQuery对象$.browser可以在javascript here中为您提供所需的api调用。

在服务器端有一个.net Request.Browser对象，here也是它的MSDN Api。

设备浏览器检测

3 个答案: