使节点 webkit 应用程序加载全屏

Posted

技术标签:

【中文标题】使节点 webkit 应用程序加载全屏【英文标题】:make node webkit app load full screen 【发布时间】:2014-10-27 20:09:31 【问题描述】:

我正在尝试构建一个 node-webkit 应用程序,目前我正在尝试package.json

以下是目前的内容:


  "name": "nw-demo",
  "main": "index.html",
  "window": 
    "title": "node-webkit demo",
    "icon": "icon.png",
    "toolbar": false,
    "frame": true,
    "fullscreen": true
  

如何让我的 node-webkit 应用全屏加载?

Docs 说:

(boolean) whether window is fullscreen (available after node-webkit v0.3.0)

那么为什么上面的package.json 不起作用?

【问题讨论】:

上面的代码对我来说很好用。你用的是什么版本的 node-webkit? @gotohales 我做了一个process.version,上面写着v0.11.13-pre。我会尝试旧版本,看看会发生什么。至少我确认代码是正确的。谢谢! 【参考方案1】:

已确认。 v0.10.5(node.js v0.11.13-pre)上的全屏在 Windows 上也不适用于我。我可以注意到它尝试全屏,但由于某种原因又回到窗口。

这不是一个理想的答案,但这是我一直在使用的解决方法:

<!DOCTYPE html>
<html>
<head>
    <title>Hello World!</title>
</head>
<body>
    <h1>Hello World!</h1>
    <script>
    var ngui = require('nw.gui');
    var nwin = ngui.Window.get();
    nwin.enterFullscreen();
    </script>
</body>
</html>

仍然可以通过 javascript 调用全屏。

【讨论】:

【参考方案2】:

Nw.js 有一个特殊的kioskmode:


  "name": "nw-demo",
  "main": "index.html",
  "window": 
    "title": "node-webkit demo",
    "icon": "icon.png",
    "toolbar": false,
    "frame": true,
    "kiosk": true // set kiosk mode true
  

【讨论】:

以上是关于使节点 webkit 应用程序加载全屏的主要内容,如果未能解决你的问题,请参考以下文章

在不同的视图控制器中打开 webkit 视图

为啥全屏的 WebKit 会留下边框?

Javascript全屏API webkit

Leaflet.js 全屏 API 在 Webkit 中不起作用

如何使闪亮的应用程序自动全屏?

以编程方式在 Android 中使应用程序全屏显示