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

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

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

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



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

功能概述

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

調(diào)試流程

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



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

遠(yuǎn)程調(diào)試窗口

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

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


 

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

調(diào)試器

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

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