开发工具与调试

!!! “仅适用SDK构建方式”需知: 开发工具只能在SDK构建方式中使用 , 参考SDK构建 . 推荐使用SDK构建方式进行开发和测试 , 其他构建方式发布应用 .

Open Developer Tools 开启开发工具

Windows和Linux系统中使用快捷键F12开启 , Mac系统中使用+⌥+i .

此外 , windows系统中可以使用win.showDevTools()`开启开发工具进行编程 .

Node.js模块

NW.js默认进行独立环境模式运行 . 调试Node.js模块需要在引用中右键并选择”Inspect Background Page” . 当运行到Node.js模块代码时 , 调试器会自动聚焦并暂停运行 .

混合环境模式下 , Node.js模块可以在开发工具中直接进行调试 . 参考JavaScript环境 .

远程调试

使用命令行参数 --remote-debugging-port=port指定端口进行监听 . 例如 , 运行 nw --remote-debugging-port=9222 , 通过浏览器访问http://localhost:9222/进行远程调试 .

开发工具扩展

开发工具支持全部扩展 , 包括ReactJS等 .

使用扩展需要在配置文件manifest.json添加 "chrome-extension://*" 权限 , 并在nw运行时增加 --load-extension=path/to/extension命令行参数 . 扩展的文件从Chrome应用商店安装之后拷贝到本地Chrome浏览器目录下 .

例子

react-app react-devtools

解压文件 , 下载SDK构建方式的NW.js , 并运行 nw.exe --load-extension=path/to/devtools path/to/app/folder