天天看點

node-webkit 項目中的 package.json

例子:

{
	"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屬性是否啟用

繼續閱讀