2023年12月6日发(作者：)

微信开发者工具——调试器的常用功能简述

今天带来简要的微信开发者工具的调试器功能简述

调试器的常用功能大致有6大功能模块，分别是Console、Sources、Network、Appdata、Storage、Wxml。

它们分别的功能如下：

Console：

开发者可以在此输入和调试代码，小程序的错误输出，会显示在此处。

Sourse：

小程序编译出错时可以点击错误跳转到这里进行查错。

Network：

用于观察和显示 request 和 socket 的请求情况，

点击Headers可以查看请求数据，点击Preview和Response可以查看响应数据。

Appdata：

用于显示当前项目当前时刻 appdata 具体数据，实时地反馈项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。

Storage：

Storage 用于显示当前项目的使用 rage 或者 rageSync 后的数据存储情况。

Wxml：

用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，同时可以通过修改对应

wxss 属性，在模拟器中实时看到修改的情况。通过调试模块左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。