本文源自於segmentfault的一篇專欄文章:https://segmentfault.com/a/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;