Question

我正在为网站创建响应式设计。我们有一个用于非触摸式桌面浏览器的翻转导航菜单和一个用于触摸移动和触摸平板电脑的画布菜单设计。它是一个ASP.NET MVC4项目。如果用户使用桌面浏览器浏览网站，如何在C＃，Javascript或CSS3中确定？如果可能的话，我宁愿使用某种CSS3媒体查询。

Answer 1

来自一个美丽的网站：http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/

 var isMobile = {
        Android: function() {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function() {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function() {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function() {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function() {
            return navigator.userAgent.match(/IEMobile/i);
        },
        any: function() {
            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
        }
    };

    if(isMobile.any()){
        // Mobile!
    } else {
        // It is desktop
    }

否则使用像device.js http://matthewhudson.me/projects/device.js/

这样的库

如何确定设备是否为桌面浏览器？

1 个答案: