有时候微信小程序调试确实比较烦恼，开发工具里的和真机差别有点大，每次都要重新编译重新扫码调试。今天微信终于支持真机调试了，可以大大方便开发者进行调试，节省开发时间，增加开发效率。

为了让开发者更高效地开发和调试小程序，小程序开发工具新增真机远程调试功能。开发者只需扫描二维码，即可在手机上的微信客户端中调试运行小程序

开发者可直接在开发工具内控制微信客户端中的小程序，进行断点、单步执行，调用所有微信原生API，查看所有小程序输出日志等。

开发者也可以在开发工具内查看微信客户端中小程序的真实页面结构以及对应样式属性。对小程序样式属性的修改，将实时在微信客户端中展示。



真机调试功能需微信客户端6.6.2及以上版本，开发者工具1.02.1802010及以上版本才支持，请开发者及时升级。

功能概述

真机远程调试功能可以实现直接利用开发者工具，通过网络连接，对手机上运行的小程序进行调试，帮助开发者更好的定位和查找在手机上出现的问题。

调试流程

要发起一个真机远程调试流程，需要先点击开发者工具的工具栏上 “远程调试” 按钮。



此时，工具会将本地代码进行处理打包并上传，就绪之后，使用手机客户端扫描二维码即可弹出调试窗口，开始远程调试。

远程调试窗口

使用手机扫描此二维码，即可开始远程调试。

要结束调试，直接关闭此调试窗口，或点击右下角 “结束调试” 按钮即可。


 

远程调试窗口分为两部分，分别是左侧的调试器视图、右侧的信息视图。开发者可以在调试器里直接进行代码的调试，并查看 Storage 情况；信息视图则可以查看目前与手机和服务器的连接情况，以及发生的错误信息等。

调试器

在远程调试的调试器里，开发者可以在 Console 面板里对代码进行调试，在 Sources 面板里查看小程序的源代码并进行断点单步调试，在 Storage 面板里查看小程序的 Storage 使用情况等。

微信小程序定制开发