node-webkit教程(12)全屏

node-webkit教程(12)全屏

文/玄魂

目录

node-webkit教程(12)全屏

前言

12.1  和全屏有关的三个api

Window.enterFullscreen()

Window.leaveFullscreen()

Window.toggleFullscreen()

11.2  示例

11.3 小结

 

前言

最近node-webkit新增了fullScreen和widow notification的api，本篇文章主要简单演示下fullScreen Api的效果。

12.1  和全屏有关的三个API

Window.enterFullscreen()

该api使整个窗口进入全屏状态。

Window.leaveFullscreen()

使窗口退出全屏状态。

Window.toggleFullscreen()

逆转窗口的全屏状态。

11.2  示例

新建fullscreenhtml和package.json文件。

fullscreen.html 内容如下：

   

 全屏

 

    退出全屏

   

 

   

 

   

package.json内容如下：

{

  "name": "nw-demo",

  "main": "fullscreen.html",

  "nodejs":true,

   "window": {

    "title": "全屏api测试",

    "toolbar": true, 

    "width": 300, 

    "height": 200,

   "resizable":true,

   "show_in_taskbar":true,

   "frame":true,

   "kiosk":false

  },

  "webkit":{

  "plugin":true

  }

}

代码很简单，分别绑定了两个button的事件，用来全屏和退出全屏。

页面启动时效果如下：

点击全屏时效果如下：

点击退出全屏时效果如下：

11.3 小结

本文内容主要参考node-webkit的官方英文文档，做了适当的调整（https://github.com/rogerwang/node-webkit/wiki/Window）。

鄙视不标明出处的转载，更多相关内容，欢迎访问玄魂的博客（www.xuanhun521.com）

更多相关内容，欢迎访问玄魂的博客(更多node-webkit相关内容 http://www.xuanhun521.com/Blog/Tag/node-webkit)

ps：对此文章感兴趣的读者，可以加qq群：Hacking:303242737;Hacking-2群：147098303；Hacking-3群：31371755；hacking-4群:201891680;Hacking-5群：316885176