通过Javascript / jQuery检测Android手机

Question

通过Javascript / jQuery检测Android手机

javascriptjqueryandroid

136

如何检测正在使用的设备是移动网站的Android设备？

我需要应用某些CSS属性到Android平台。

谢谢

- Xavier

6个回答

59

这个简短的代码怎么样？

var isAndroid = /(android)/i.test(navigator.userAgent);

i 修饰符用于执行不区分大小写的匹配。

该技术取自 Cordova AdMob 测试项目：https://github.com/floatinghotpot/cordova-admob-pro/wiki/00.-How-To-Use-with-PhoneGap-Build

- Michal Stefanow

5

这里括号可以省略，因为你不需要“捕获”结果，所以它只变成了：/android/i - SidOfc

3

我认为Michal的回答是最好的，但我们可以更进一步，根据原始问题动态加载Android CSS：

var isAndroid = /(android)/i.test(navigator.userAgent);
if (isAndroid) {
    var css = document.createElement("link");
    css.setAttribute("rel", "stylesheet");
    css.setAttribute("type", "text/css");
    css.setAttribute("href", "/css/android.css");
    document.body.appendChild(css);
}

- drlarsen

1

为什么要这样做，而不使用媒体查询呢？JS设备检测应该只用于增强功能，比如添加安装应用的邀请。页面渲染永远不应该依赖它，因为这会导致性能问题和可用性体验非常糟糕。 - camilokawerin

1

@camilokawerin 你的回复应该直接针对作者。我只是在回答他的问题。但有时候你可能需要特定于平台的CSS。例如，如果你想让界面的视觉风格与设备匹配。 - drlarsen

2

;(function() {
    var redirect = false
    if (navigator.userAgent.match(/iPhone/i)) {
        redirect = true
    }
    if (navigator.userAgent.match(/iPod/i)) {
        redirect = true
    }
    var isAndroid = /(android)/i.test(navigator.userAgent)
    var isMobile = /(mobile)/i.test(navigator.userAgent)
    if (isAndroid && isMobile) {
        redirect = true
    }
    if (redirect) {
        window.location.replace('jQueryMobileSite')
    }
})()

- Phillip Senn

0

另一种CSS部分的选项是这样做：

document.documentElement.className += ((/(android)/i.test(navigator.userAgent) ? " android" : " notAndroid");

然后使用简单的CSS选择器，例如：

html.android .mainMenu {
  width: 100%;
}

html.notAndroid .mainMenu {
  width: 50%;
}

- guerrerocarlos

-1

JS版本，也可以捕获iPad：

var is_mobile = /mobile|android/i.test (navigator.userAgent);

- jonny

3

无法工作，因为它捕获了许多设备，不仅包括问题所要求的Android设备。 - NickG

1

使用类似这样的代码：/android.*(?=mobile)/i.test(navigator.userAgent); 来检测 Android 手机。但是这个正则表达式包含了“昂贵”的量词，因此菲利普的答案使用两个单独的测试可能更合适。 - Vadim P.

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Michael Lumbroso · Accepted Answer

看看这个：http://davidwalsh.name/detect-android

JavaScript：

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
  // Do something!
  // Redirect to Android-site?
  window.location = 'http://android.davidwalsh.name';
}

PHP：

$ua = strtolower($_SERVER['HTTP_USER_AGENT']);
if(stripos($ua,'android') !== false) { // && stripos($ua,'mobile') !== false) {
  header('Location: http://android.davidwalsh.name');
  exit();
}

编辑：正如一些评论所指出的那样，这种方法在99%的情况下是可行的，但有一些边缘情况没有被覆盖到。如果你需要一个更高级和更可靠的解决方案来处理JS，你应该使用platform.js：https://github.com/bestiejs/platform.js