如何获取当前浏览器屏幕分辨率

Question

我想获取用户在“还原”或“最大化”窗口时Web浏览器的实时屏幕分辨率，而不需要刷新页面。

- udaya shakya

---

你在客户端使用 JavaScript 吗？更具体地说，是 jQuery 吗？ - Amar Palsapure

这个解决方案对你有用吗？链接 - Different55

https://dev59.com/JHRB5IYBdhLWcg3wXmVI - Bojan Dević

你正在使用多少个显示器？ - Bekim Bacaj

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
});

- Karthik Rao

Answer 2

不是很确定你需要什么，但这里有一些建议。

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

如果您需要知道当前浏览器的尺寸，那么信息存储在 window 对象本身中。其中 window.innerHeight、window.outerHeight、window.innerWidth 和 window.outerWidth 是重要的值。以 inner 为前缀的值反映了浏览器的工作区域，而带有 outer 前缀的值则包含整个浏览器窗口的区域。

- jAndy