如何使用jQuery检测移动设备

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

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

当前回答

此外，我建议使用小型JavaScript库Bowser，yes no r。它基于navigator.userAgent，对所有浏览器（包括iPhone、Android等）都进行了测试。

https://github.com/ded/bowser

你可以简单地说：

if (bowser.msie && bowser.version <= 6) {
  alert('Hello China');
} else if (bowser.firefox){
  alert('Hello Foxy');
} else if (bowser.chrome){
  alert('Hello Silicon Valley');
} else if (bowser.safari){
  alert('Hello Apple Fan');
} else if(bowser.iphone || bowser.android){
  alert('Hello mobile');
}

2013-02-13 20:11:54

其他回答

添加：

在某些版本的iOS 9.x中，Safari不会在navigator.userAgent中显示“iPhone”，而是在navigater.platform中显示。

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
    if(!isMobile){
        isMobile=/iPhone|iPad|iPod/i.test(navigator.platform);
    }

2016-01-28 00:41:08

根据Mozilla浏览器使用用户代理的检测：

总之，我们建议在User Agent中的任何位置查找字符串“Mobi”以检测移动设备。

这样地：

if (/Mobi/.test(navigator.userAgent)) {
    // mobile!
}

这将匹配所有常见的移动浏览器用户代理，包括移动Mozilla、Safari、IE、Opera、Chrome等。

Android更新

EricL还建议将Android作为用户代理进行测试，因为平板电脑的Chrome用户代理字符串不包含“Mobi”（但手机版本包含）：

if (/Mobi|Android/i.test(navigator.userAgent)) {
    // mobile!
}

2014-07-06 21:46:31

MDN建议使用Navigator.maxTouchPoints检查可用的可触摸点。如果>0，则设备是可触摸的，很可能是手机或平板电脑。https://developer.mozilla.org/en-US/docs/Web/API/Navigator/maxTouchPoints

2022-06-23 14:31:21

这似乎是一个全面的现代解决方案：

https://github.com/matthewhudson/device.js

它可以检测多个平台，智能手机与平板电脑，以及方向。它还将类添加到BODY标记中，因此检测只发生一次，您可以通过一系列简单的jQuery hasClass函数来读取所使用的设备。

过来看。。。

[免责声明：我与写这封信的人无关。]

2014-05-05 10:43:39

这就是我所做的：

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

如何使用jQuery检测移动设备

推荐文章

最新文章

标签