使用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.windowAPI文档提供了一个示例应用程序,这是一个截图: