5分鐘把任意網站變成案頭軟體--windows版

標籤：div   api   body   更換   檔案夾   str   cross   有用   特性   

本文源自於segmentfault的一篇專欄文章：1190000012924855  只不過這篇是MAC版本的，所以我試了下windows版的；

當然想看的，可以看官網的地址 https://github.com/jiahaog/nativefier/blob/master/docs/api.md

1.安裝nativefier ; npm install nativefier –g    

首先就會要求電腦裡面是安裝了Node的，高於4.x.x就行

2.運行你需要製作的網頁nativefier “http://www.sulishibaobei.com”

注意不太用單引號’’;不然會出現這個錯誤：

 

製作完成後會出現這樣的提示：

 

按照提示，就可以看到app儲存在c盤的users > administrator下面

 

開啟檔案夾可以看到App.exe 運行就可以

 

好了，製作一個app就已經完成了；

接下來就是一些特性；

更換名字，簡單的叫App.exe肯定不好聽;nativefier  --name "blog"  " http://www.sulishibaobei.com"

這樣一個檔案夾；執行檔案也變成了blog.exe

但是還有一個問題：nativefier –icon “2.png” –name “blog” http://www.sulishibaobei.com

這裡有幾點需要 注意：

表徵圖必須是.png結尾才有用；

還有很多的參數設定，全屏等

可以看到所有的資源都在這裡：

 

這種方式其實和chrome –App很像；

 

之前也使用過crosswalk，和這個的原理是一樣的；

http://blog.csdn.net/sulishibaobei/article/details/52441693;

http://blog.csdn.net/sulishibaobei/article/details/52451019;

http://blog.csdn.net/sulishibaobei/article/details/52485188;

 

5分鐘把任意網站變成案頭軟體--windows版