JS开发桌面端应用程序教程

前言

{
  "name": "blog",
  "main": "http://php.cn/",//main为网址，下方的window设定有效
  //"main": "index.html",//main为 *.html，下方的window设定有效
  //"main": "index.js?1.1.11",//main为 *.js，下方的window设定无效！！
  
  "version": "0.0.1",
  "window": {"title": "Nw.js Demo",//如果 index.html没有title,则会显示这里的值"icon": "assest/img/logo.png",//标题栏图标"position": "center",//默认显示位置"width": 1280,"height": 680,"frame": true,//是否显示最外层的框架，设为false之后 窗口的最小化、最大化、关闭 就没有了"resizable": true,"min_width": 1028
  },} 

var nw = new NwBuilder({
   version: '0.14.7', 
   files: './app/**',//nw应用项目目录
   platforms: ['win32'], }); 

package.json文件{
  "name": "nw-demo",
  "version": "1.0.0",
  "description": "",
  "main": "./main.js?1.1.11",
  "scripts": {"start":"cd  & gulp nw"
  },
  ...} 

main.js文件//var定义方式var xxcanghai_1 = 1;//直接赋值方式xxcanghai_2 = 10;//挂载到window对象上window.xxcanghai_3 = 100;//挂载到global对象上global.xxcanghai_4 = 1000; 

在用nw动态载入的页面中写入一下代码测试

./view/index.html文件

<script>
   console.log(xxcanghai_1);//报错
   console.log(window.xxcanghai_1);//undefined
   console.log(global.xxcanghai_1);//1

   console.log(xxcanghai_2);//报错
   console.log(window.xxcanghai_2);//undefined
   console.log(global.xxcanghai_2);//10

   console.log(xxcanghai_3);//报错
   console.log(window.xxcanghai_3);//undefined
   console.log(global.xxcanghai_3);//100

   console.log(xxcanghai_4);//报错
   console.log(window.xxcanghai_4);//undefined
   console.log(global.xxcanghai_4);//1000
</script> 

package.json文件：{
  "name": "blog",
  "version": "1.0.0",
  "main": "./main.html",
  "inject_js_start": "./js/inject_js_start.js?1.1.11",//设置所有页面前植入的js文件地址
  "author": "php@gmail测试数据",
  "license": "ISC",} 

./js/inject_js_start.js文件：//将node的global中的变量写入每个即将打开的页面的js的window对象中window["xxcanghai_1"] = global["xxcanghai_1"] 

之后即可在任何nw打开的页面中通过 window.xxcanghai_1 来访问全局变量了。

4. nwjs主进程出现异常后不显示窗体

现象 ：nwjs主进程出现异常后不显示窗体，不弹出错误提示，也不会自动结束进程
原因 ： package.json 文件中的 main 字段为 .js 文件，同时此js文件出现error时会出现此问题。
解决方案 ： package.json 文件中的 main 字段使用 .html 文件，然后再载入要执行的nw主程序js文件即可。这样即使报错了也会显示出空窗口，同时也可以通过开发者工具栏查看问题原因，用户也可以关闭应用，不至于无法结束进程。

其他教程文章

使用 NW.js 将 Web 应用打包为桌面应用

以上就是JS开发桌面端应用程序教程的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于JS开发桌面端应用程序教程的详细内容...