小程序第11课-如何调试小程序

在进行项目开发的时候，不可避免的需要进行调试

1.在工具栏位置点击调试器，底部弹出调试器，调试器模块的解释

• Wxml：可以看到当前页面的结构和样式
• console：看到 js 打印输出的内容，看到系统和自己的打印内容
• Network：调试自己向服务器发送请求
• AppData：当前页面定义了哪些数据
• Storage：查看在本地存储了哪些数据

2.在系统输出打印信息上，点击右键，选择Hide～的选项  ->  隐藏系统打印信息

头部按钮的作用

​​​​​​​

头部编译按钮 -> 刷新：刷新小程序页面

预览 -> 点击底部继续预览小程序 -> 弹出二维码 -> 打开手机微信扫描 -> 手机点击三个点 -> 下部选择开发测试

真机调试： 出现二维码 -> 扫描手机点击三个点 -> 下部选择开发测试弹出调试器 -> 点击模块，在手机上模块就被选中了 -> 可以调试样式 -> 在手机上交互数据之后，真机调试器反应交互的数据

清缓存：微信小程序缓存非常严重  -> 按照需求清除就可以

如果清楚问题没有解决 -> 点击项目 -> 点击重新打开项目尝试

注意；微信开发者工具缓存非常严重，如果发现代码和预期的不一样，先点击编译！编译后还是没有达到预期的效果，就需要清楚缓存！ 甚至重启项目才可以

​​​​​​​