Nwjs從入門到精通菜鳥實踐筆記【1】

時間 2019-12-02

標籤 nwjs 入門精通菜鳥實踐筆記简体版

原文原文鏈接

最近公司有想使用Nw來開發瀏覽器的想法，本身一直學的PHP，在網上並無找到太多的相關資料，因此，就本身摸索着擼一條自學筆記；
固然呢，這裏記錄的都是我本身學習中遇到的問題，以及收穫，但願經過本身的分享，讓更多的同窗少走彎路，也但願大神能夠在此留言，互相交流共同進步；廢話很少說，開擼；javascript

NW入門教程自學筆記

Nw.js 按照我目前的理解就是 Nodejs 與webkit 的結合，首先開始須要下載一個nw的編譯環境（我是這麼認爲的）
官網能夠下載，並且是最新的，此處我也分享一個，由於首次下載的時候，老是下載不下來，本身就在百度雲盤上放了一份，須要的同窗能夠自行下載；
連接：http://pan.baidu.com/s/1i5RmnYH 密碼：l5su
而後將其解壓便可（待會兒要用）；
既然要學一個新的東西，我以爲無論概念如何，首先要運行一下小例子，好讓本身更有興趣的去理解她；html

一、首個Nw的運行；

首先須要建立一個文件夾：好比 test1.
而後建立一個html文件；好比 index.htmljava

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>個人第一個NW程序測試</title>
  </head>
  <body>
    <h1 style='text-align:center;'>NWjs測試程序</h1>
    We are using node.js <script>document.write(process.version)</script>.
    <br/>
    <a href="http://www.lexue100.com" title="點擊進入樂學一百">樂學一百</a>
  </body>
</html>

其實就是與平時的html沒有任何的兩樣；node

建立一個json

package.jsonweb

{
  "name": "XXX的測試程序",
  "version": "0.0.1",
  "main": "index.html" }

就是這麼簡單；
而後咱們能夠找到在開始下載的文件夾中有一個nw.exe文件，將這個文件夾直接拖拽到nw.exe就能夠運行了；
json

對於暫時個人理解來講，package.json是整體的一個配置文件；
那麼我從其餘學長那裏粘貼來了一段兒代碼，你們能夠自行調整這個json來運行；測試其參數效果；瀏覽器

{
  "name": "nw-quick-start-window-demo",
  "version": "0.0.1",
  "main": "index.html",
  "window": {
    "title": "nw-quick-start-window-demo",
    "toolbar": false,
    "frame": true,
    "show_in_taskbar":true,
    "width": 800,
    "height": 500,
    "position": "mouse",
    "min_width": 400,
    "min_height": 200,
    "max_width": 800,
    "max_height": 600
  }
}
/** 參數的含義； 窗口外觀經常使用屬性包括： 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，程序將無邊框顯示。 ***/

// TODO: 後續有時間繼續更新……

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

Nwjs從入門到精通 菜鳥實踐筆記【1】

NW入門教程 自學筆記

一、 首個Nw的運行；

建立一個json

Nwjs從入門到精通菜鳥實踐筆記【1】

NW入門教程自學筆記

一、首個Nw的運行；