微信小程序开发调试中（小程序开发真机调试）
本篇文章给大家谈谈微信小程序开发调试中，以及小程序开发真机调试对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
微信开发者工具中调试器旁边显示的是什么
微信开发者工具区域构成
调试器区域各个面板的功能
Wxml面板：用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，还可以查看数据是否渲染到页面的代码上。同时可以通过修改对应的代码，在模拟器中实时看到修改的情况（仅为实时预览，无法保存文件）。通过调试器区域左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。
Console面板：可以用来显示小程序的输出信息、出错信息等，还可以在控制台中输入build（编译小程序）、preview（预览）、upload（上传代码）、npm（包管理）等命令，执行URL的代理使用情况的checkProxy（URL）命令。
AppData面板：用于显示当前项目运行时小程序 AppData 具体数据，实时地反映项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。
Sources面板：用于显示当前项目的脚本文件，与浏览器开发不同，微信小程序框架会对脚本文件进行编译，所以在 Sources 面板中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在 define() 函数中，并且对于 Page（页面） 代码，在尾部会有 require 的主动调用。
Storage面板：用于显示当前项目的使用 wx.setStorage() 或者 wx.setStorageSync() 后的数据存储情况。可以直接在Storage面板上对数据进行删除、新增、修改。
NetWork面板：用于观察发送请求（request）和调用文件（socket）的信息和具体情况。
Audits面板：可用来在小程序运行过程中实时检查，分析出一些可能导致体验不好的地方，并定位出哪里有问题，以及给出一些优化建议。
Security面板：用于调试当前程序的安全和认证等问题，并确保已经在程序上正确使用Https。
Sensor面板：可以在这里选择模拟地理位置（纬度、经度、速度、精确度、高度、水平、精确度、垂直精确度等地理定位信息和方向定位信息）；模拟移动设备表现，用于调试重力感应API。
Trace面板：实现对不同设备的监测
微信小程序 真机调试 202:net::ERR_CERT_AUTHORITY
微信小程序开发过程中，在开发者工具中正常，但是在真机调试中出现202:net::ERR_CERT_AUTHORITY，以上情况发生在安卓系统，iOS系统未测试，但是根据微信开放社区的这个提问， 真机调试报错 request:fail -202:net::ERR_CERT_AUTHORITY？ , 苹果系统应该是没有问题的。
本解决方案不一定适用于所有的以上报错，在看决绝方案前请先确认以下情形：
通过搜索 202:net::ERR_CERT_AUTHORITY ，会发现网上大部分是Chrome浏览器出现该问题，而解决方案大都只想证书，以此为切入点，再结合服务器的配置情况，推测是安卓系统的微信对通配证书的支持存在问题导致的，有了思路后就开始实践一下。
以上问题的产生不清楚是不是安卓系统对通配证书的支持存在缺陷导致的，到了这个层面有些超出我的知识范畴了，在此不乱推了。
另外吐槽一下微信，证书问题为什么返回的是202，起码应该是4XX啊......
微信开发工具调试小程序一直转圈怎么回事
网络问题。微信小程序，小程序的一种，是一种不需要下载安装即可使用的应用，网络问题是自身设备连接的网络出现较大波动，导致微信开发工具调试小程序一直转圈，更换网络重新打开即可。
微信小程序开发调试中的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序开发真机调试、微信小程序开发调试中的信息别忘了在本站进行查找喔。
