NW.js 简介与使用方法

简介

NW.js （原名 node-webkit）是一个基于 Chromium 和 node.js 的应用运行时，通过它可以用 HTML 和 JavaScript 编写原生应用程序。它还允许您从 DOM 调用 Node.js 的模块 ，实现了一个用所有 Web 技术来写原生应用程序的新的开发模式。

（1）以网络最流行的技术编写原生应用程序的新方法

（2）基于HTML5, CSS3, JS and WebGL而编写

（3）完全支持nodejs所有api及第三方模块

（4）可以使用DOM直接调用nodejs模块

（5）容易打包和分发

（6）支持运行环境包括32位和64位的Window、Linux和Mac OS 

使用方法如下：

一、下载nw

1.下载 NW.js（官网：http://nwjs.io/）

这里面normal这个算是运行时吧，sdk那个是一些工具箱，建议都下下来~

https://nwjs.io/downloads/

2.下载 Enigma Virtual Box（官网：http://enigmaprotector.com/）

二、配置 package.json 文件

{
 "name": "nw-demo",
 "version": "0.0.1",
 "main": "index.html"
}

更多的可用如下：

{
 "main": "app/index.html", 
 "name": "WeixinMenuEditor",
 "description": "使用nw.js封装的一个微信公众号菜单编辑器App",
 "version": "0.0.1",
 "keywords": [ "微信", "菜单编辑器" ], 
 "window": {
 "title": "微信菜单编辑器",
 "icon": "app/static/img/weixin_logo.jpg",
 "toolbar": true,
 "frame": true,
 "width": 1008,
 "height": 750,
 "position": "center",
 "min_width": 400,
 "min_height": 200
 },
 "webkit": {
 "plugin": true,
 "java": false,
 "page-cache": false 
 },
 "chromium-args" :"-allow-file-access-from-files"
}

• title : 字符串，设置默认 title。
• width/height : 主窗口的大小。
• toolbar : bool 值。是否显示导航栏。
• icon : 窗口的 icon。
• position :字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。
• min_width/min_height : 窗口的最小值。
• max_width/max_height : 窗口显示的最大值。
• resizable : bool 值。是否允许调整窗口大小。
• always-on-top : bool 值。窗口置顶。
• fullscreen : bool 值。是否全屏显示。
• show_in_taskbar : 是否在任务栏显示图标。
• frame : bool 值。如果设置为 false，程序将无边框显示。
• "chromium-args" :"-allow-file-access-from-files" 相当于给谷歌浏览器添加启动参数一样，这行代码允许angularjs直接访问本地json文件。