如何使用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

其他回答

var device = {
  detect: function(key) {
    if(this['_'+key] === undefined) {
      this['_'+key] = navigator.userAgent.match(new RegExp(key, 'i'));
    }
    return this['_'+key];
  },
  iDevice: function() {
    return this.detect('iPhone') || this.detect('iPod');
  },
  android: function() {
    return this.detect('Android');
  },
  webOS: function() {
    return this.detect('webOS');
  },
  mobile: function() {
    return this.iDevice() || this.android() || this.webOS();
  }
};

我过去用过类似的东西。这与之前的响应类似，但它在技术上更具性能，因为它缓存匹配结果，尤其是在动画、滚动事件等中使用检测时。

2011-11-04 15:10:22

我使用这个解决方案，它在所有设备上都很好：

if (typeof window.orientation !== "undefined" || navigator.userAgent.indexOf('IEMobile') !== -1) {
   //is_mobile
}

2020-03-03 09:44:05

navigator.userAgentData.mobile返回[true|false]

2022-07-03 21:34:04

我为.NET应用程序执行此操作。

在共享的_Layout.cshtml页面中，我添加了这个。

@{
    var isMobileDevice = HttpContext.Current.Request.Browser.IsMobileDevice;
}

<html lang="en" class="@((isMobileDevice)?"ismobiledevice":"")">

然后检查站点中的任何页面（jQuery）：

<script>
var isMobile = $('html').hasClass('ismobiledevice');
</script>

2015-12-10 23:48:01

如果你不特别担心小显示器，你可以使用宽度/高度检测。这样，如果宽度小于一定大小，移动网站就会被抛出。这可能不是完美的方法，但对于多个设备来说，这可能是最容易检测到的。您可能需要为iPhone4（大分辨率）设置一个特定的分辨率。

2010-08-18 19:46:16

如何使用jQuery检测移动设备

推荐文章

最新文章

标签