mobile - 使用 Modernizr 测试平板电脑和移动设备 - 征求意见

标签 mobile desktop tablet modernizr device-detection

我想使用 Modernizr 来检测用户是否在台式机、平板电脑或移动设备上查看网站。

我最初的第一个想法显然是检查屏幕尺寸是否足以满足移动设备和更大的桌面的需求。对于屏幕尺寸也可能等于小型桌面屏幕(1024 x 768)的平板电脑设备,我也会测试触摸事件。

目前我想重点关注移动/平板设备,正如 jQuery mobile 所说,它们是 A 级设备。我不打算利用任何特定的移动设备功能,只是检测台式机、平板电脑或移动设备,并根据测试结果附加 CSS 类,为每个设备提供定制的 UI。

您认为这足以实现我想要的目标还是您认为我应该测试其他功能?非常感谢。

最佳答案

这个问题有点老了,但我在谷歌上搜索时找不到更好的答案。

现在大多数桌面都支持触摸,因此检测它无关紧要。

检测它们的最佳方法是通过屏幕尺寸。

使用 Modernizr,您可以使用 if (Modernizr.mq('only all and (max-width: 480px)')) { ...}

关于mobile - 使用 Modernizr 测试平板电脑和移动设备 - 征求意见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7928200/

相关文章:

css - Angular6 - 如何根据移动设备和浏览器改变 .css 类宽度

java - 使用 java 1.4 使用默认程序打开文件

android-layout - 更改应仅反射(reflect)在平板电脑设备中

responsive-design - CSS 响应式网页设计 : Do min-width and max-width change between landscape and portrait on tablets?

firefox - 尝试将 Firefox 操作系统手机与 Firefox 应用管理器或 webIDE 连接时未连接任何设备

html - 溢出的内容

html - 如何停止在谷歌中显示移动版网站?

javascript - 使用 IE10 和 Windows 8 捕获移动事件

ios - 如何为PayPal自适应(MPL)付款进行服务器验证

javascript - 如何在aosp浏览器中禁用缩放?