javascript - 通过屏幕分辨率检测移动设备的可靠性如何?

标签 javascript mobile mobile-website mobile-phones

这听起来好得令人难以置信,所以如果是这样请告诉我。

如果我只有一个单一版本的移动网站(没有变体 不同的设备,所有手机只有一个网站),它的可靠性如何 通过屏幕分辨率检测移动设备?

如果屏幕分辨率小于 400 像素,则只需提供移动版本。

注意:我的问题假定启用了 javascript。另外,我知道有 用户代理检测,但我不想使用它。

最佳答案

Javascript 移动设备屏幕高度检测根本不可靠。问题是不同的浏览器使用不同数量的“chrome”,不同的操作系统版本对系统栏使用不同的高度。所有检测机制报告的高度都不可靠(screen.height、window.outerHeight、window.innerHeight - 等等)

在所有操作系统中,window.outerWidth 的宽度似乎是最可靠的。

在这里阅读最优秀的分析报告:

http://www.tripleodeon.com/2011/12/first-understand-your-screen/

关于javascript - 通过屏幕分辨率检测移动设备的可靠性如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4829016/

相关文章:

javascript - 如何使用 lo-dash 以函数式编程方式获得最小的数字(不在数组中)?

ipad - HTML5 中 history.pushState() 和 window.onpopstate 的回退函数

javascript - 在获取背景图像 url 时,如何让 JQuery 替换字符串的非 URL 部分

jquery - 有没有办法跳过移动设备表单中的所有其他输入?

android - 作为移动开发新手,我需要一些指导

javascript - 在移动设备中放大时,我可以让我的固定按钮保持固定大小吗?

c# - 检测是否在 ASP.Net 中的移动浏览器上启用了 JavaScript

html - 具有等宽标签的居中对齐表单

javascript - 如何获取 firebase.database.Reference 完整路径

javascript - 悬停时的连续动画(性能)