node-webkit文檔翻譯#package.json

title: node-webkit文檔翻譯#package.json
date: 2013-12-07 21:38:25css

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打開時的默認頁面。html

name

字符串)包的名字,必須爲獨一無二的,可由字母,數字,下劃線組成,不能有空格。node

功能性字段

nodejs

布爾型)nodejs是否node-webkit中啓用。ios

node-main

字符串)當node-webkit打開時的加載的node.js文件。可經過process.mainModule訪問web

Example:

index.htmljson

<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.jsapp

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狀態下將全屏而且阻止用戶關閉窗口。

經常使用的就這些吧(實際上是我懶得寫了),差很少夠了。

相關文章
相關標籤/搜索