2015-11-03 82 views
0

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

设备检测显示:
- isMobile():真
- isTablet():假

这是从模块的完整数据:如何使用deviceDetector模块检测AngluarJS中的平板设备?

{"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"} 

在此先感谢。

回答

0

如果它只是显示的东西,何乐而不为呢引导方式和使用他们的CSS类: enter image description here

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

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

0

问题是与Android操作系统,Android的平板电脑和Android手机NG-设备检测显示相同的信息片。 寻找解决方案,我发现所有智能手机在userAgent中都有字符串“Mobile”,但平板电脑没有。

Here's所有智能手机userAgents的列表。

简单,我用这个功能来代替NG-设备探测器 “isMobile” 功能:

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

谢谢大家。 对不起,我说西班牙语。