node-webkit文档翻译#package.json - 走看看

title: node-webkit文档翻译#package.json
date: 2013-12-07 21:38:25

tags: node-webkit

基本示例

{
    "main": "index.html",
    "name": "nw-demo",
    "description": "demo app of node-webkit",
    "version": "0.1.0",
    "keywords": [ "demo", "node-webkit" ],
    "window": {
        "title": "node-webkit demo",
        "icon": "link.png",
        "toolbar": true,
        "frame": false,
        "width": 800,
        "height": 500,
        "position": "mouse",
        "min_width": 400,
        "min_height": 200,
        "max_width": 800,
        "max_height": 600
    },
    "webkit": {
       "plugin": true
    }
}

必填字段

main

（字符串）当node-webkit打开时的默认页面。

name

（字符串）包的名字，必须为独一无二的，可由字母，数字，下划线组成，不能有空格。

功能性字段

nodejs

（布尔型）nodejs是否node-webkit中启用。

node-main

（字符串）当node-webkit打开时的加载的node.js文件。可通过process.mainModule访问

Example：

index.html

    <html>
    <head>
        <title>Hello World!</title>
    </head>
    <body onload="process.mainModule.exports.callback0()">
        <h1>Hello World!</h1>
        We are using node.js <script>document.write(process.version); </script>
    </body>
    </html>

index.js

var i = 0;
exports.callback0 = function () {
    console.log(i + ": " + window.location);
    window.alert ("i = " + i);
    i = i + 1;
}

package.json

{
  "name": "nw-demo",
  "node-main": "index.js",
  "main": "index.html"
}

window

控制窗口的样子，后文细讲。

webkit

控制webkit特性是否启用，后文细讲。

窗口字段

title

（字符串）默认打开的窗口的名字。

toolbar

（布尔值）是否显示工具栏。

icon

（字符串）图标的路径。

position

（字符串）只可能是这么几个值null center mouse。null指无定位，center指在显示器中间，mouse指在鼠标的位置。

min_width/min_height

（整形）定义宽度和高度的最小值。

resizable

（布尔值）窗口是否可调整大小。

always-on-top

（布尔值）窗口是否总在最上。

fullscreen

（布尔值）打开时是否全屏。

frame

（布尔值）是否显示窗口框架。

如果不显示，那应该怎么拖动呢？

可以在代替框架的元素上添加css。

.titlebar {
  -webkit-user-select: none;//禁止选中文字
  -webkit-app-region: drag;//拖动
}

show

（布尔值）是否在任务栏上显示。

kiosk

（布尔值）是否处于kiosk状态，在kiosk状态下将全屏并且阻止用户关闭窗口。

常用的就这些吧（其实是我懒得写了），差不多够了。