javascript - 如何设置窗口的高度而不用担心标题栏？

Question

在我的 package.json 中，我使用

"window": {
    "resizable": false,
    "width": 640,
    "height": 480
  }

将窗口的高度设置为 480。

由于标题栏的原因，窗口仅显示约 460 个垂直像素的内容。

我可以通过将高度提高到 500 来补偿，但我认为标题栏的高度会因操作系统而异，因此如果我关心一致性，这不是一个好的解决方案。

如何使窗口达到我想要的精确高度？

Answer 1

基本上，您想要计算窗口的内部高度(即 window.innerHeight)和窗口的总高度(即 win.height)之间的差异，然后添加所需的高度。

它看起来像这样:

var gui = require('nw.gui');
var win = gui.Window.get();
// (Full window height - Document real height) + desired height
win.height = (win.height - window.innerHeight) + 480;