如何使用微信web开发者工具调试程序？

跟风体验了下微信小程序的开发流程，发现官方的微信 web 开发者工具并不支持在代码中打断点。

用了一阵子 console.log 之后觉得好麻烦，突然想起还有一招：

debugger

debugger 语句可以在 Chrome 和 Firefox 下打断点，微信 web 开发者工具应该就是 Atom 或者 VSCode 套了个壳，理论上应该支持，所以试了一下

点击调试就会自动进来

果然没猜错，能设置 Watch 还有查看 Call Stack 什么的。这下终于不用反复打 console.log 了。

还可以包装一下这个函数，增加一些类似 assert 的语法，简单的条件断点就实现了，进一步提升开发效率。

还可以包装一下这个函数，增加一些类似 assert 的语法，简单的条件断点就实现了，进一步提升开发效率。

输入调试代码和查看调试信息。微信小程序调试器中分为，调试器，问题，输出，终端，四个选项卡，终端是“Console”窗口，用于给开发者输入调试代码和查看调试信息，也用于小程序的错误输出。微信小程序，简称小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序，小程序、订阅号、服务号、企业号是并行的体系。

---