微信小程序的调试方法是基于.

1. 常用.log调试（详细可以参考.log函数，它能做的还不止这些！）

2.使用（我们可以查询访问了哪些接口和请求头，传输了哪些数据，没有传输哪些数据，以及数据返回和时间间隔）

这个，可能我们请求了很多接口，它可以帮助我们过滤掉请求接口，并以更直观的方式展示给我们

3.（这是渲染层的数据）——可以在页面上获取

还有这样一个类似VUE的工具，可以查询虚拟DOM页面数据。

4.

您可以清除所有缓存数据，也可以将该键留空，即清除相应的缓存数据。

5.（微信开发者工具调试器）

打开微信开发者工具，点击工具栏上的“调试器”按钮：

开发者工具右侧的区域现在从上到下分为两个区域：上面的蓝色区域仍然是代码编辑页面，下面的红色区域是微信小程序的调试工具。

做过前端开发的朋友一看就知道，这其实是最好的开发者工具。

介绍使用开发人员工具的技巧。有兴趣的朋友可以看看：

链接如下：#rd

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

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

第三步：单步调试，在调试器窗口中按向下箭头（step into call）（）进行单步调试。如果要跳转到下一个断点，请在调试器窗口中按类似于播放的按钮。小按钮英文叫法，快捷键为F8或Ctrl+\，如下图

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

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

方法2：使用.log();打印出来并在窗口中查看，如下图

方法三：在调试器窗口中点击标签，然后点击对应的变量，如下图

如何禁用断点？

单击调试器窗口中的图标，英文调用（或快捷键：Ctrl+F8）