微信小程序开发者工具调试大法--打断点

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序开发者工具调试大法--打断点

由于小程序的流行，我就去开源中国打了一份私工，开发一个小程序。 于是我开始研究微信小程序开发文档微信小程序开发工具官网，下载微信开发工具，开始开发。 在开发过程中，需要进行调试。 一开始只是做日志或者断言，非常不方便。 我想要一个像 IDEA 这样的调试器，所以我探索了以下内容。

微信开发工具调试方法

**步：断点，我们必须在我们想要停止的地方打一个调试断点，点击微信开发工具左侧的“调试”选项卡，然后选择中间窗口的“”选项卡，在页面中打开中间的“Top”根节点，逐层打开，找到你要调试的js文件。 一般你输入的是那种.js后面加[sm]的，比如index.js[sm]，非index.js，当然这里如果后面想修改内容，在“调试”里是不能修改的模式，但您必须切换到“编辑”模式。 我以前也经常犯这个错误。 打开index.js[sm]文件后，点击左边一行的数字，就会从灰色背景变成蓝色背景，断点就设置好了。 （如果不再需要，可以点击取消。）如下图：

第二步：运行，先点击编译上面的运行小图标（或者快捷键ctrl+b），然后操作到你想要的界面或者触发一个动作。 程序会自动运行到断点处的代码，如下图：

第三步：单步调试微信小程序开发者工具调试大法--打断点，在调试器窗口中按向下箭头（call）（）进行单步调试。 如果要跳转到下一个断点，请按调试器窗口中的回放按钮。 该按钮英文名为n，快捷键为F8或Ctrl+\，如下图

如何使用微信开发工具

如果想在调试时看到变量的运行值怎么办？方法有很多种。 下面是一个检查从上一个接口传递过来的变量值的示例。

方法一：将鼠标指针放在变量上，会出现提示框，框中就有变量值，如下图

方法2：使用.log(); 将其打印出来并在窗口中查看。

这篇关于《微信开发工具的调试方法》的文章就分享到这里。 希望以上内容能够对大家有所帮助，让大家能够学到更多的知识。 如果您觉得文章不错，请分享给更多人。 更多人看到了。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等