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

Question

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

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

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

中操作系统标题栏高度的高度

Answer 1

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

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

chrome.app.window API documentation provides a sample app，截图如下：

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

detect the the title bar height for a window for different operating systems with javascript

javascript

operating-system

window

google-chrome-app