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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 4207 days ago, the information mentioned may be changed or developed.

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

8 replies • 2015-08-27 12:41:56 +08:00

lincanbin

Oct 28, 2014

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

bitwing

Oct 28, 2014

learnshare

Oct 28, 2014

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

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

wdlth

Oct 28, 2014

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

YFZZ

PRO

Oct 28, 2014

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

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

learnshare

Oct 28, 2014

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

lincanbin

Oct 28, 2014

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

maisui99

Aug 27, 2015

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