检测节点 webkit 中的全屏宽度和高度答案

【问题标题】：Detect full-screen width & height in node webkit检测节点 webkit 中的全屏宽度和高度
【发布时间】：2018-02-13 05:34:44
【问题描述】：

我可以让 node webkit 应用在我的 html 的 javascript 中加载全屏：

"use strict";

const gui = require('nw.gui');
var win = gui.Window.get();
win.enterFullscreen();

所以在阅读 https://github.com/nwjs/nw.js/wiki/Screen 之后，我尝试了这个：

"use strict";

const gui = require('nw.gui');
var win = gui.Window.get();
var screen = gui.Screen.Init();

var onDisplayBoundsChanged = function(screen) {
  alert("hey");
}

gui.Screen.on('displayBoundsChanged', onDisplayBoundsChanged);

// win.enterFullscreen();
win.maximize();

window.client = new GameClient(screen);

我从来没有看到警报。理想情况下我想延迟

window.client = new GameClient(screen);

直到应用程序全屏并具有我可以使用的新的全屏边界之后。

如何检测全屏并获取宽度和高度？

【问题讨论】：

你试过window.screen.height和window.screen.width
应用程序启动时不是全屏，因此这些值会小于全屏后的值。全屏后如何获取正确的值？
No window.screen.height 给出的是设备屏幕的高度，而不是浏览器窗口的高度，在控制台查看
window.screen.height 未定义
这是一个浏览器应用吗？？

标签： javascript html node-webkit nw.js

【解决方案1】：

我误解了 gui.Screen.Init() 返回的内容。

将var screen 更改为

var screen = gui.Screen.Init().screens[0];

然后

    generateCanvas(screen) {
    var canvas = document.getElementById('canvas');
    Thing.prototype.scale = 1;

    // let bounds = screen.bounds;
    let sw = screen.bounds.width;
    let sh = screen.bounds.height;

【讨论】：