使用h5debug

bucky命令行除了可以使用debug命令在控制台下对XARPackage进行全本地调试,也提供了h5debug命令支持在浏览器里进行全本地调试。

准备必要的环境

全本地调试要求本地安装使用到的数据库,目前有下面三种。

安装好使用到的上述数据库,并启动。

启动h5debug

在命令行下启动h5debug服务,在调试期间需要一直开着:

bucky h5debug

切换h5_core.js到h5_ld_core.js

例如,打开minichart项目,编辑src/client/index.html,切换h5_core.js到h5_ld_core.js,编辑并保存:

使用Chrome浏览器开发者工具查看

首先,打开src/client/index.html:

其次,打开chrome的开发者工具,可以看到源代码里包含两部分:

设置断点

然后,我们在minichat.js里的_getMongoDB函数下设置一个断点:

最后,输入聊天内容,点击发送,可以看到代码在断点的位置停下来了:

通过全本地调试,可以快速的发现和解决问题,Enjoy Code!

注意: 如果修改了konwledges.json,需要重新发布knowledges:

bucky k -reset

以及重启h5debug:

bucky h5debug