用Chrome调试微信小程序的方法

问题

微信小程序的开发一般就适用官方发布的“微信web开发者工具”了,可是,开始使用这个工具后,发现居然没有“调试”功能。

当然这其实只是官方没有写如何调试,实际上还是可以打断点,进行调试的,步骤如下。

步骤

1 打开调试器的source面板

默认在开发工具的右下方,如图
用Chrome调试微信小程序的方法

2 在左边的Sources面板中找到需要调试的页面

3 在中间的对应行的行号出打断点

用Chrome调试微信小程序的方法

4 开始调试

调试也有跨步,单步,等调试模式,很方便