JavaScript 平板电脑检测

标签 javascript jquery tablet

要求 - 使用 JavaScript 检测平板电脑

我不允许使用任何插件或库(jQuery 是一个异常(exception))并且希望将代码保持在最低限度。

我读过很多关于这个主题的文章,并提出了这个解决方案(检查屏幕分辨率和触摸):

var _w = Math.max($(window).width(), $(window).height());
var _h = Math.min($(window).width(), $(window).height());

var tabletView = (_w >= 1000 && _h >= 600);

var is_touch_device = 'ontouchstart' in document.documentElement;

if (tabletView && is_touch_device) {
    alert('tablet');
}
else {
    alert('Not a Tablet');
}​

问题:这段代码足够可靠吗?如果不是更好的方法是什么?

最佳答案

屏幕分辨率更大的手机也将被视为平板电脑。

除此之外,此代码是可靠的,并且在没有库或手动解析用户代理的情况下,您实际上无法做任何事情来检测手机和平板电脑之间的差异。

关于JavaScript 平板电脑检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13512677/

相关文章:

jquery - 当文本在 flash 或 jquery 谷歌地图上滚动时,固定 div 中的文本字体粗细会发生变化,为什么以及如何处理它?

javascript - 正则表达式查找大括号内的字符串Javascript

javascript - Angular : What is the best way for storing objects in service for showing in view and crud functions to server

javascript - ng-view 未加载模板(没有运行网络服务器)

javascript - 我如何测试哪个节点先出现?

jquery - 引用两个不同版本的JQuery

jQuery - 链接事件来执行函数

ipad - 多种分辨率的 CSS 媒体查询

android - onCreate 选项菜单未显示在 android 3.1 中

android - Google IO Sched 应用程序 - 平板电脑布局和 fragment