2012-01-09 226 views
7

我希望以用户RESTORE DOWN或MAXIMIZE的形式获取网页浏览器的实时屏幕分辨率,而无需刷新页面。如何获取实时浏览器的屏幕分辨率

+0

你在客户端使用java脚本吗?更具体的jQuery? – 2012-01-09 11:39:14

+0

[this](http://andylangton.co.uk/articles/javascript/browser-screen-resolution/)解决方案适合您吗? – Different55 2012-01-09 11:40:36

+0

http://stackoverflow.com/questions/641857/javascript-window-resize-event – 2012-01-09 11:47:37

回答

10

你使用的是jQuery吗?如果是的话,那么下面的代码应该工作

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

不完全确定你在做什么,但这里有一些建议。

window.screen包含当前的OS分辨率。可通过screen.heightscreen.width访问。其他两个有趣的值可能是availHeightavailWidth(不是100%地肯定了跨浏览器的库存情况有)

如果你需要知道当前浏览器的尺寸,存储的window对象本身。 window.innerHeight,window.outerHeight,window.innerWidthwindow.outerWidth是那里感兴趣的值。前缀值确实反映了浏览器的工作(客户端)区域,而外部的前缀包含整个浏览器窗口区域。