程序调试主要有三个功能区:模拟器、调试工具、小程序运行区
模拟器
模拟器模拟了微信小程序在客户端的实际逻辑表现,能够在模拟器上呈现大部分API的正确状态。
编译代码
点击工具左下角的编译按钮或者使用快捷键Ctrl()+B,可以编译当前代码并自动刷新模拟器。
同时,为了帮助开发者调试特定页面或者输入场景值,开发者可以选择自定义编译模式。
调试工具
调试工具分为7大功能模块:Wxml、
动态链接库
wxml用于帮助开发者开发Wxml转换后的界面,在这里可以看到真实的页面结构以及结构对应的wxss属性,同时可以修改对应的wxss属性,并在模拟器中实时看到修改效果。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的wxml代码。
用于展示当前项目的脚本文件。与浏览器开发不同的是,微信小程序框架会对脚本文件进行编译,所以开发者看到的文件是处理后的脚本文件。开发者的代码会被包裹在函数中,而对于Page代码来说,最后会有主动的调用。
用于观察和显示请求状态
注意: 和 目前不支持在
用于展示当前项目当前时刻的具体数据,并对项目数据进行实时反馈,可以在这里编辑数据,并及时反馈到界面。
用于显示当前使用wx.或者wx.之后的项目的数据存储情况。
主要有两大功能:
主要有两大功能:
小程序运营区
小程序操作区帮助开发者模拟一些客户端环境操作,例如当用户从小程序返回聊天窗口时,会触发设置为小程序后台的API。
当小程序使用多窗口时,可以在顶部操作区域切换页面。需要注意的是,该操作只是为了方便开发者而存在的,在真正的微信客户端中不会提供。
自定义数据报告
自定义分析的数据上报功能可以在开发者工具中编辑和调试,点击菜单栏中的“工具-自定义分析”,会弹窗打开自定义分析:
您可以在页面上创建、查看或修改事件。在事件修改页面编辑完成后,点击底部的保存并测试按钮,可以保存当前配置。同时工具会提示调试器接收到最新的配置,并展示配置信息,包括事件ID和名称,以及每个动作的触发条件和上报数据:
然后就可以在模拟器中操作和触发事件了。在模拟器中刷新小程序也会获取测试配置,除非关闭窗口,窗口关闭后模拟器就不再接收配置了。当事件触发上报时,工具会展示上报信息,包括事件ID、触发页面、触发方式、触发动作以及上报的字段值和数据:
同时,您还可以点击窗口中的“同步结果”,同步显示上报的数据:
关闭窗口后,所有配置将失效,模拟器将不再接收配置,不再触发上报(小程序中使用wx.上报的数据仍然会在工具中输出)。测试成功后,即可在小程序后台发布事件配置,正式采集定义的事件数据。