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

Question

我希望获得Web浏览器的实时屏幕分辨率作为用户RESTORE DOWN或MAXIMIZE而不刷新页面.

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包含当前的OS分辨率.这可以通过screen.height和访问screen.width.其他两个有趣的值可能是availHeight和availWidth(不是100%地肯定了跨浏览器的库存状况有)

如果您需要知道当前浏览器维度,则存储在window对象本身上.window.innerHeight,window.outerHeight,window.innerWidth和window.outerWidth感兴趣的值存在.所述内前缀值都反映了浏览器的工作(客户端)区域,而外前缀包含整个浏览器窗口区域.