javascript - 使用javascript获取窗口大小，包括框架

Question

在javascript中，window.open() with width=500 height=500 打开一个新窗口，页面大小（显示html的区域）为500 x 500。但整个窗口的大小更大（宽度和高度在图片中，取决于主题、操作系统等...）

我们的系统需要在不同的环境（操作系统、主题...）中使用 window.open()。在每个环境中，窗口都需要以最大尺寸打开，以便覆盖整个屏幕，只有任务栏不被覆盖。

为此，我需要能够找到额外控件的大小（所有航空玻璃和按钮）。如果我有整个窗口的宽度和高度，我可以从中减去页面大小。有没有办法获得这些值（整个窗口的高度和宽度）？

Answer 1

如果我理解得很好，您可以通过以下方式找到额外的空间：

window.outerHeight - window.innerHeight

Answer 2

您可以使用screen.height;andscreen.width;获取完整的屏幕分辨率或screen.availHeight获取访问者屏幕的高度（以像素为单位），减去 Windows 任务栏等界面功能。

有关 window.height 和 sreen.height 的信息，请参阅 jigfox 的帖子。