例子:
{
"name":"nw-demo",
"main":"index.html",
"nodejs":true,
"window":{
"title":"nw-demo",
"toolbar":false,
"width":600,
"height":450,
"position":"center"
}
}
必填字段
name
( 字元串 )包的名字,必須為獨一無二的,可由字母,數字,下劃線組成,不能有空格。
main
( 字元串 )當node-webkit打開時的預設頁面。
nodejs
(布爾值)node-webkit是否啟用nodejs
node-main
( 字元串 )當node-webkit打開時的加載的node.js檔案。可通過 process.mainModule 通路
例子:
package.json
{
"name": "nw-demo",
"node-main": "index.js",
"main": "index.html"
}
index.js
var i = 0;
exports.callback = function () {
console.log(i + ": " + window.location);
window.alert ("i = " + i);
i = i + 1;
}
index.html
<html>
<head>
<title>Hello World!</title>
</head>
<body οnlοad="process.mainModule.exports.callback()">
<h1>Hello World!</h1>
We are using node.js <script>document.write(process.version); </script>
</body>
</html>
window
控制視窗的樣子
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狀态下将全屏并且阻止使用者關閉視窗。
webkit
webkit屬性是否啟用