web 前端有什么好方法区分 Android 平板和手机吗？

[xhslyf]

目前想到的方式是用 window.screen.width/window.devicePixelRatio >= 600 则认为是平板，否则是手机。
因为手边没有足够多的机型做测试，所以问问大家一般是如何判断的？

[lincanbin]

Android手机的UA里会同时包含"Android"和"Mobile"两个字符串，而Android平板只包含Android，不包含Mobile，你可以把UA拉出来判断。

[bitwing]

http://googlewebmastercentral.blogspot.hk/2011/03/mo-better-to-also-detect-mobile-user.html

[learnshare]

屏幕大小是不可用的，UA 里边的关键字也不一定可靠。

最好的方式是把页面做成响应式，只针对不同大小的屏幕更改布局，设备爱啥啥。

[wdlth]

一般是做响应式布局，由浏览器自己选择。

[xhslyf]

@lincanbin
@bitwing
谢谢，又学到一种方式。


@learnshare
@wdlth
是一个页面小游戏，主要是图片清晰度问题，手机用户一套小图，平板用户一套大图。

[learnshare]

@xhslyf 图片这个问题，只能依赖屏幕分辨率，并不是手机/平板的区别，手机也有超高分辨率的

[lincanbin]

@learnshare 手机720P或者1080P，网页适配时也是按320px / 360px来做

[maisui99]

window.screen.width/window.devicePixelRatio 是不可靠的。。目前是 UA+设备宽度，但是还是不准，蛋疼