2022年2月微信小程序app.json配置详解：启用调试模式

微信小程序的 app.json 文件是全局配置文件，用于设置小程序的页面路径、窗口表现、网络超时时间等。其中，debug 属性用于启用或禁用调试模式。启用调试模式后，开发者可以在开发者工具的控制台面板中查看详细的调试信息，包括页面注册、路由变化、数据更新和事件触发等。

二、启用调试模式的步骤

1. 打开微信开发者工具，并加载你的小程序项目。
2. 在项目根目录下找到 app.json 文件。
3. 在 app.json 文件中添加 "debug": true 属性，如下所示：

{
  "entryPagePath": "pages/index/index",
  "pages": [
    "pages/index/index",
    "pages/getOpenId/index",
    "pages/getMiniProgramCode/index",
    "pages/deployService/index",
    "pages/createCollection/index",
    "pages/uploadFile/index",
    "pages/selectRecord/index",
    "pages/updateRecord/index",
    "pages/updateRecordResult/index",
    "pages/updateRecordSuccess/index",
    "pages/sumRecord/index",
    "pages/sumRecordResult/index"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "list": [
      { "pagePath": "pages/index/index", "text": "首页" },
      { "pagePath": "pages/getOpenId/index", "text": "看资讯" },
      { "pagePath": "pages/getMiniProgramCode/index", "text": "我的" }
    ],
    "backgroundColor": "#fff",
    "color": "#000",
    "selectedColor": "#0286f1"
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2",
  "debug": true
}

4. 保存文件并重新启动开发者工具。

三、调试模式的应用场景

调试模式对于开发过程中快速定位和解决问题非常有用。例如，当页面加载异常或数据更新不及时时，通过查看控制台的调试信息，可以迅速找到问题所在。具体来说，调试信息会显示：

• 页面注册信息
• 路由变化记录
• 数据更新日志
• 事件触发详情

通过这些详细的信息，开发者可以更好地理解小程序的运行状态，从而提高开发效率。

在开发者工具的控制台面板中，点击“console”选项卡，可以看到详细的调试信息。