如何获取实时浏览器的屏幕分辨率

Question

我想在用户恢复或最大化时获取网络浏览器的实时屏幕分辨率而不刷新页面。

Answer 1

你在使用 jQuery 吗？如果是，那么下面的代码应该可以工作

$(window).resize(function(){
 var windowWidth = $(window).width();
 var windowHeight = $(window).height();
 // windowWidth & windowHeight are automatically updated when the browser size is modified
});

Answer 2

不完全确定您想要什么，但这里有一些建议。

window.screen

包含当前操作系统分辨率。可通过

screen.height

和

screen.width

访问。另外两个有趣的值可能是

availHeight

和

availWidth

（不能 100% 确定那里的跨浏览器可用性）

如果您需要知道当前的浏览器尺寸，则该尺寸存储在

window

对象本身上。

window.innerHeight

、

window.outerHeight

、

window.innerWidth

和

window.outerWidth

是那里感兴趣的值。 inner 前缀值确实反映了浏览器的工作（客户端）区域，而 outer 前缀包含整个浏览器窗口区域。