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

Question

我正在使用自己的窗口在chrome应用程序中制作画布游戏。 我使用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文档提供了一个示例应用程序 ，以下是屏幕截图：