如何使用jQuery检测移动设备

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

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

当前回答

一种简单有效的内衬：

function isMobile() { return ('ontouchstart' in document.documentElement); }

然而，上述代码没有考虑到带有触摸屏的笔记本电脑的情况。因此，我提供了基于@Julian解决方案的第二个版本：

function isMobile() {
  try{ document.createEvent("TouchEvent"); return true; }
  catch(e){ return false; }
}

其他回答

http://www.w3schools.com/jsref/prop_nav_useragent.asp

按平台名称筛选。

Ex:

x = $( window ).width();

platform = navigator.platform;

alert(platform);

if ( (platform != Ipad) || (x < 768) )  {


}

我建议使用以下字符串组合，以检查是否使用了设备类型。

根据Mozilla文档字符串，建议使用Mobi。但是，如果只使用Mobi，一些旧的平板电脑不会返回真值，因此我们也应该使用Tablet字符串。

同样，为了安全起见，iPad和iPhone字符串也可以用来检查设备类型。

大多数新设备将仅对Mobi字符串返回true。

if (/Mobi|Tablet|iPad|iPhone/.test(navigator.userAgent)) {
    // do something
}

我用这个

if(navigator.userAgent.search("mobile")>0 ){
         do something here
}

我建议你结账http://wurfl.io/

简而言之，如果您导入一个很小的JavaScript文件：

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

您将看到一个JSON对象，其外观如下：

{
 "complete_device_name":"Google Nexus 7",
 "is_mobile":true,
 "form_factor":"Tablet"
}

（当然，这是假设您正在使用Nexus 7），您将能够执行以下操作：

if(WURFL.is_mobile) {
    //dostuff();
}

这就是你要找的。

免责声明：我为提供这项免费服务的公司工作。

这不是jQuery，但我发现了这个：http://detectmobilebrowser.com/

它提供了检测多种语言的移动浏览器的脚本，其中一种是JavaScript。这可能会帮助你找到你想要的东西。

但是，由于您使用的是jQuery，您可能需要了解jQuery.support集合。它是用于检测当前浏览器功能的财产集合。文档位于此处：http://api.jquery.com/jQuery.support/

因为我不知道你到底想做什么，所以我不知道其中哪一个最有用。

尽管如此，我认为最好的选择是使用服务器端语言（如果可以选择的话）重定向或编写不同的脚本到输出。由于您并不真正了解移动浏览器x的功能，因此在服务器端执行检测和更改逻辑将是最可靠的方法。当然，如果您不能使用服务器端语言，所有这些都是一个悬而未决的问题：）

推荐文章