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

How to get live browser's screen resolution

本文关键字：屏幕 分辨率 何获得 实时 浏览器      更新时间：2023-09-26

我想在不刷新页面的情况下，以用户RESTORE DOWN或MAXIMIZE的身份获得web浏览器的实时屏幕分辨率。

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

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

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

window.screen包含当前操作系统分辨率。这可以通过screen.height和screen.width访问。另外两个有趣的值可能是availHeight和availWidth（不能100%确定跨浏览器的可用性）

如果需要知道当前浏览器尺寸，则该尺寸存储在window对象本身上。window.innerHeight、window.outerHeight、window.innerWidth和window.outerWidth是其中感兴趣的值。内部前缀值确实反映了浏览器的工作（客户端）区域，而外部的前缀包含整个浏览器窗口区域。

相关文章：