有時候微信小程序調(diào)試確實比較煩惱，開發(fā)工具里的和真機差別有點大，每次都要重新編譯重新掃碼調(diào)試。今天微信終于支持真機調(diào)試了，可以大大方便開發(fā)者進行調(diào)試，節(jié)省開發(fā)時間，增加開發(fā)效率。

為了讓開發(fā)者更高效地開發(fā)和調(diào)試小程序，小程序開發(fā)工具新增真機遠程調(diào)試功能。開發(fā)者只需掃描二維碼，即可在手機上的微信客戶端中調(diào)試運行小程序

開發(fā)者可直接在開發(fā)工具內(nèi)控制微信客戶端中的小程序，進行斷點、單步執(zhí)行，調(diào)用所有微信原生API，查看所有小程序輸出日志等。

開發(fā)者也可以在開發(fā)工具內(nèi)查看微信客戶端中小程序的真實頁面結(jié)構(gòu)以及對應(yīng)樣式屬性。對小程序樣式屬性的修改，將實時在微信客戶端中展示。



真機調(diào)試功能需微信客戶端6.6.2及以上版本，開發(fā)者工具1.02.1802010及以上版本才支持，請開發(fā)者及時升級。

功能概述

真機遠程調(diào)試功能可以實現(xiàn)直接利用開發(fā)者工具，通過網(wǎng)絡(luò)連接，對手機上運行的小程序進行調(diào)試，幫助開發(fā)者更好的定位和查找在手機上出現(xiàn)的問題。

調(diào)試流程

要發(fā)起一個真機遠程調(diào)試流程，需要先點擊開發(fā)者工具的工具欄上 “遠程調(diào)試” 按鈕。



此時，工具會將本地代碼進行處理打包并上傳，就緒之后，使用手機客戶端掃描二維碼即可彈出調(diào)試窗口，開始遠程調(diào)試。

遠程調(diào)試窗口

使用手機掃描此二維碼，即可開始遠程調(diào)試。

要結(jié)束調(diào)試，直接關(guān)閉此調(diào)試窗口，或點擊右下角 “結(jié)束調(diào)試” 按鈕即可。


 

遠程調(diào)試窗口分為兩部分，分別是左側(cè)的調(diào)試器視圖、右側(cè)的信息視圖。開發(fā)者可以在調(diào)試器里直接進行代碼的調(diào)試，并查看 Storage 情況；信息視圖則可以查看目前與手機和服務(wù)器的連接情況，以及發(fā)生的錯誤信息等。

調(diào)試器

在遠程調(diào)試的調(diào)試器里，開發(fā)者可以在 Console 面板里對代碼進行調(diào)試，在 Sources 面板里查看小程序的源代碼并進行斷點單步調(diào)試，在 Storage 面板里查看小程序的 Storage 使用情況等。

微信小程序定制開發(fā)