如何用JavaScript检测屏幕分辨率？

Question

如何用JavaScript检测屏幕分辨率？有没有一种方法适用于所有浏览器？

Answer 1

是。

window.screen.availHeight
window.screen.availWidth

来自Tsunamis的评论：

要获得移动设备的原始分辨率，您必须乘以设备像素比率：window.screen.width * window.devicePixelRatio和window.screen.height * window.devicePixelRatio。这也适用于台式机，其比率为1。

来自Ben的另一个答案是：

在vanilla JavaScript中，这将为您提供可用的宽度/高度：

window.screen.availHeight
window.screen.availWidth

对于绝对宽度/高度，请使用：

window.screen.height
window.screen.width

Answer 2

var width = screen.width;var height = screen.height;

Answer 3

在vanilla JavaScript中，这将为您提供可用的宽度/高度：

window.screen.availHeight
window.screen.availWidth

对于绝对宽度/高度，请使用：

window.screen.height
window.screen.width

以上两者都可以在没有窗口前缀的情况下编写。

喜欢jQuery？这适用于所有浏览器，但每个浏览器都提供不同的值。

$(window).width()$(window).height()