使用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文檔提供了一個示例應用程序 ，以下是屏幕截圖：