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

标签 javascript operating-system window google-chrome-app

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

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

enter image description here

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

最佳答案

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

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

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

screenshot

关于javascript - 使用javascript检测不同操作系统窗口的标题栏高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33740780/

相关文章:

c - 将值传递给子进程处理程序

C++ - 32 位保护模式

javascript - 通过链接传输变量并在新页面中使用它们(JavaScript)?

javascript - 在javascript中从平面数组构建树数组

javascript - 如何使用已有的 REST API 后端在 Angular 应用程序中实现登录系统

javascript - Mongoose:Coffeescript 中的递归嵌入式文档

c++ - 为什么 c++11 sleep_for microseconds 实际上休眠了毫秒?

linux - Linux 上的无边框窗口

c++ - 如何正确销毁窗口?

javascript - 如何移动div中的重新定位元素