有时候微□□信小程序□□□调试确实□□比较烦恼,开发工具□□□里的和真□□□机差别有□□□点大,每次都要□□□重新编译□□□□重新扫码□□调试。今天微信□□终于支持□□□真机调试□□了,可以大大▼方便开发□□□者进行调□□□试,节省开发□□□时间,增加开发□□□□效率。
为了让开发者更高效地开发和调试小程序,小程序开发工具新增真机远程调试功能。开发者只需扫描二维码,即可在手机上的微信客户端中调试运行小程序
开发者可◢直接在开□□发工具内□□□□控制微信✦客户端中□□□□的小程序,进行断点、单步执行,调用所有□□微信原生API,查看所有□□小程序输□□□出日志等。
开发者也□□□可以在开◆发工具内✦查看微信□□客户端中□□□小程序的◈真实页面□□□□结构以及□□□□对应样式□□□属性。对小程序◇样式属性□□的修改,将实时在□□微信客户·端中展示。
真机调试※功能需微□□□信客户端6.6.2及以上版□□本,开发者工□□□□具1.02.1802010及以上版□□□本才支持,请开发者□□□□及时升级。
功能概述
真机远程调试功能可以实现直接利用开发者工具,通过网络连接,对手机上运行的小程序进行调试,帮助开发者更好的定位和查找在手机上出现的问题。
调试流程
要发起一□□个真机远❖程调试流□□程,需要先点□□□□击开发者•工具的工·具栏上 “远程调试” 按钮。
此时,工具会将本地代码进行处理打包并上传,就绪之后,使用手机客户端扫描二维码即可弹出调试窗口,开始远程调试。
远程调试窗口
使用手机扫描此二维码,即可开始远程调试。
要结束调□□□□试,直接关闭□□□□此调试窗□□□口,或点击右□□下角 “结束调试” 按钮即可。
远程调试窗口分为两部分,分别是左侧的调试器视图、右侧的信息视图。开发者可以在调试器里直接进行代码的调试,并查看 Storage 情况;信息视图则可以查看目前与手机和服务器的连接情况,以及发生的错误信息等。
调试器
在远程调□□□□试的调试□□□□器里,开发者可□□以在 Console 面板里对□□□代码进行□□□□调试,在 Sources 面板里查□□看小程序◣的源代码□□□并进行断□□□□点单步调□□□试,在 Storage 面板里查□□□□看小程序□□□□的 Storage 使用情况□□□等。
微信小程序定制开发