軟件藝術思考者 |
|
|||
混沌,彷徨,立志,蓄勢... |
公告
日歷
導航隨筆分類(86)
隨筆檔案(85)
搜索最新評論
閱讀排行榜評論排行榜 |
NW.js入門
NW.js能做什么?NW.js是基于鉻和Node.js的。它允許您直接從瀏覽器調用Node.js代碼和模塊,并在您的應用程序中使用Web技術。此外,您可以輕松地將Web應用程序打包到本機應用程序。 獲取NW.js您可以從官方網站http://nwjs.io獲取最新的二進制文件。或者你也可以建立NW.js按照中的說明二進制文件自行建設NW.js。 提示: 建議您選擇SDK構建風格來開發您的應用程序,這使您能夠使用DevTools調試您的應用程序。有關構建版本之間的差異,請參閱構建版本。 編寫NW.js應用程序示例1 - Hello World這個基本示例演示如何編寫一個NW.js應用程序。 步驟1.創建 { “name” : “helloworld” , “main” : “index.html” }
使用JS文件作為主 你可以把JS文件設置為 // initialize your app // and ... nw 。窗口。open ('index.html' , {}, function (win ) {}); 步驟2.創建 <!DOCTYPE html> < html > < head > < title > Hello World!</ title > </ head > < body > < h1 > Hello World!</ h1 > </ body > </ html > 這是正常的HTML文件。您可以使用最新瀏覽器支持的任何Web技術。 步驟3.運行應用程序 cd / path / to / your / app / path / to / nw。
在Windows上拖放 在Windows上,您可以拖動 示例2 - 使用NW.js API所有NW.js API都在 此示例顯示如何在NW.js應用程序中創建本機上下文菜單。您可以 <!DOCTYPE html> < html > < head > < title >上下文菜單</ title > </ head > < body style = “width:100%; height:100%> < p > “右鍵單擊”顯示上下文菜單。</ p > < script > //創建一個空的上下文菜單 var menu = new nw 。Menu (); //添加一些項目與標簽 菜單。追加(新 NW 。菜單項({ 標簽: “項目A” , 單擊: 函數(){ 警報('你點擊了“項目A” ); } })); 菜單。追加(新 NW 。菜單項({ 標簽: '項目B' })); 菜單。追加(新 NW 。菜單項({ 類型: “分隔符” })); 菜單。追加(新 NW 。菜單項({ 標簽: '項目C' })); // Hooks“contextmenu”事件 文檔。身體。的addEventListener ('文本菜單' , 函數(EV ) { //防止顯示默認的上下文菜單 EV 。的preventDefault (); //彈出的地方,你點擊本機上下文菜單中 的菜單。彈出(EV 。點¯x , EV 。ÿ ); return false ; }, false ); </ script > </ body > </ html > ...然后運行您的應用程序: cd / path / to / your / app / path / to / nw。 require('nw.gui')
例3 - 使用Node.js API你可以直接從DOM調用node.js和模塊。所以它使用nw.js編寫應用程序的無限可能。 此示例顯示如何使用 <!DOCTYPE HTML> < HTML > < 頭> < 標題>我的操作系統平臺</ 標題> </ 頭> < 身體> < 腳本> //使用Node.js的獲取系統平臺的 變種 OS = 要求(“OS” ); 文檔。寫(“您正在運行的' , 操作系統,平臺()); </ script > </ body > </ html > 您還可以使用由 下一步是什么請參閱使用DevTools調試以調試NW.js應用程序。 請參閱打包和分發,以便在生產中打包和重新分發應用程序。 如果您要從NW.js 0.12或舊版本遷移應用程序,請參閱遷移說明。 獲得幫助在NW.js wiki上有很多有用的信息。維基也是對所有人開放的,你鼓勵你在wiki上發布你的知識。 您也可以在Google群組的郵件清單或Gitter上的即時通訊中提出問題。 請報告錯誤或提交要求在GitHub使NW.js更強大。 |
![]() |
|
Copyright © 智者無疆 | Powered by: 博客園 模板提供:滬江博客 |
觀音菩薩贊