开发调试

Debug版小程序容器

出于安全考虑,小程序Debug目前只能使用 ** Debug版 ** 容器。使用release版的容器扫码调试将被限制。

启动调试

在命令行输入如下命令:

ums debug <file>

会启动调试服务器,并同时唤起Chrome浏览器打开 调试主页
这个 调试主页 上会有一个二维码,使用 小程序容器 扫这个二维码可以开启调试。

唤起的界面上的二维码使用容器扫描。

An image

扫描步骤:

需要把POS和电脑连接到同一个局域网上

  1. 开启 小程序容器

  2. 点击POS上的菜单键(或双击屏幕空白处),选择扫码;

  3. 连接上调试服务器后,页面上App List 上会出现连接上的设备信息

An image

  1. 扫描表示js文件入口的二维码。这个二维码是程序的入口。

  2. 如果POS上出现当前调试页面,则表示连接完成。

Inspector查看页面结构

点击 调试主页 上的Inspector,在 Inspector 里能够查看页面的结构,建议选择 vdom 来看虚拟dom的结构。

TIP

Inspector 能够用来查看 Element、NetWork、Console log 、ScreenCast、BoxModel、Native View 等。 An image

Debugger设置断点、查看调用栈

打开调试页面后,可以使用Debugger设置断点,调试JS文件: An image