如何使用jQuery检测移动设备

有没有办法检测用户是否在jQuery中使用移动设备？类似于CSS@media属性？如果浏览器在手持设备上，我希望运行不同的脚本。

jQuery$.browser函数不是我想要的。

当前回答

为了增加额外的控制层，我使用HTML5存储来检测它是使用移动存储还是桌面存储。如果浏览器不支持存储，我有一组移动浏览器名称，并将用户代理与阵列中的浏览器进行比较。

这很简单。功能如下：

// Used to detect whether the users browser is an mobile browser
function isMobile() {
    ///<summary>Detecting whether the browser is a mobile browser or desktop browser</summary>
    ///<returns>A boolean value indicating whether the browser is a mobile browser or not</returns>

    if (sessionStorage.desktop) // desktop storage 
        return false;
    else if (localStorage.mobile) // mobile storage
        return true;

    // alternative
    mobile = ['iphone','ipad','android','blackberry','nokia','opera mini','windows mobile','windows phone','iemobile','tablet','mobi']; 
    var ua=navigator.userAgent.toLowerCase();
    for (var i in mobile) if (ua.indexOf(mobile[i]) > -1) return true;

    // nothing found.. assume desktop
    return false;
}

2013-04-18 10:19:21

其他回答

你会做太多的工作。

if (window.screen.availWidth <= 425) {
   // do something
}

您可以通过JS在页面加载时执行此操作。无需编写长字符串列表来尝试捕获所有内容。哇，你错过了一个！然后你必须回去改变它/添加它。更流行的手机尺寸约为425英寸或更小（在纵向模式下），平板电脑约为700英寸，任何更大的都可能是笔记本电脑、台式机或其他更大的设备。如果你需要移动风景模式，也许你应该在Swift或Android工作室工作，而不是传统的网络编码。

附带说明：发布时，这可能不是一个可用的解决方案，但现在可以使用了。

2020-06-03 20:48:15

如果要测试用户代理，正确的方法是测试用户代理（即测试navigator.userAgent）。

如果用户伪造了这一点，他们就不必担心了。如果您测试.isUnix（），则不必担心系统是否为Unix。

作为一个用户，改变userAgent也可以，但如果你这样做了，你不希望站点能够正确呈现。

如果您希望为Microsoft浏览器提供支持，则应确保内容的前几个字符包含并测试您编写的每一页。

要旨始终按照标准进行编码。然后破解它，直到它在当前版本的IE中工作&不要期望它看起来很好。GitHub就是这么做的，他们刚刚拿到了1亿美元。

2012-07-14 07:58:54

这里有一个函数，您可以使用它来获得关于您是否在移动浏览器上运行的正确/错误答案。是的，这是浏览器嗅探，但有时这正是您需要的。

function is_mobile() {
    var agents = ['android', 'webos', 'iphone', 'ipad', 'blackberry'];
    for(i in agents) {
        if(navigator.userAgent.match('/'+agents[i]+'/i')) {
            return true;
        }
    }
    return false;
}

2011-10-06 16:46:23

这就是我所做的：

function checkMobile() {
  var os = GetOS();
  if (os == "Android OS" || os == "iOS") {
     // do what you wanna do
     return true
  }
}

并重定向我添加location.href=“mobile.website.com”然后添加此body标记

<body onload="checkMobile()"></body>

2020-07-21 06:28:36

结账http://detectmobilebrowsers.com/它为您提供了多种语言的移动设备检测脚本，包括

JavaScript、jQuery、PHP、JSP、Perl、Python、ASP、C#、ColdFusion等

2015-11-05 05:12:20

如何使用jQuery检测移动设备

推荐文章

最新文章

标签