javascript - 使用javascript检测不同操作系统窗口的标题栏高度

Question

我正在使用自己的窗口在 chrome 应用程序中制作 Canvas 游戏。我使用 window.onResize 根据窗口大小调整游戏大小。因为我的游戏是用 8 位风格制作的，所以我不希望默认窗口大小有模糊的像素，因为它被部分调整了大小。

我知道您可以在 background.js 文件中指定窗口的大小，但是当窗口打开时，窗口的大小包括标题栏。

基本上，我希望游戏高度为400px，但我只能设置窗口高度。标题栏是包含在窗口高度中的，所以不同的操作系统不同的标题栏高度会影响游戏高度的大小。我需要一种方法来检测 background.js 中操作系统标题栏高度的高度。

Answer 1

要完全控制应用程序的窗口大小，请创建一个没有任何内置装饰的无框窗口，自行绘制所有内容。

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create("window.html", {  
         frame: "none",
         .............
    });
});

chrome.app.window API documentation提供 a sample app ，这是一个截图: