如何使用 deviceDetector 模块在 AngluarJS 中检测平板设备？答案

【问题标题】：How to detect tablet device in AngluarJS with deviceDetector module?如何使用 deviceDetector 模块在 AngluarJS 中检测平板设备？
【发布时间】：2016-02-04 03:07:03
【问题描述】：

问题出在三星平板电脑上。如果设备是手机，但不是平板电脑，我想展示一些东西。

设备检测器展示：
- isMobile(): 真
- isTablet(): 假

这是来自模块的完整数据：

{"raw":{"userAgent":"Mozilla/5.0 (Linux; Android 4.4.2; es-us; SAMSUNG SM-T230NU Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Version/1.5 Chrome/28.0.1500.94 Safari/537.36","os":{"windows":false,"mac":false,"ios":false,"android":true,"linux":true,"unix":false,"firefox-os":false,"chrome-os":false,"windows-phone":false,"ps4":false,"vita":false,"unknown":false},"browser":{"chrome":true,"firefox":false,"safari":true,"opera":false,"ie":false,"ms-edge":false,"ps4":false,"vita":false,"unknown":false},"device":{"android":true,"ipad":false,"iphone":false,"ipod":false,"blackberry":false,"firefox-os":false,"chrome-book":false,"windows-phone":false,"ps4":false,"vita":false,"unknown":false},"os_version":{"windows-3-11":false,"windows-95":false,"windows-me":false,"windows-98":false,"windows-ce":false,"windows-2000":false,"windows-xp":false,"windows-server-2003":false,"windows-vista":false,"windows-7":false,"windows-8-1":false,"windows-8":false,"windows-10":false,"windows-phone-7-5":false,"windows-phone-8-1":false,"windows-phone-10":false,"windows-nt-4-0":false,"unknown":false}},"os":"android","browser":"chrome","device":"android","os_version":"unknown","browser_version":"28.0.1500.94"}

提前致谢。

【问题讨论】：

标签： javascript angularjs device device-detection

【解决方案1】：

如果只是为了展示东西，请尝试使用引导方式并使用他们的 css 类：

根据您的需要，这可能是一个非常简单直接的解决方案。

图片来源：http://getbootstrap.com/2.3.2/

【讨论】：

【解决方案2】：

问题出在装有 Android 操作系统的平板电脑上，ng-device-detector 为 Android 平板电脑和 Android 手机显示相同的信息。寻找解决方案，我发现所有智能手机在 userAgent 中都有字符串“Mobile”，但平板电脑没有。

Here's 所有智能手机用户代理的列表。

简单地说，我用这个函数来代替 ng-device-detector "isMobile" 函数：

deviceDetector.isMobile = function(){
    var ua = deviceDetector.raw.userAgent;
    return ua.match(/Mobile/i);
}

谢谢大家。对不起我的英语，我说西班牙语。

【讨论】：