有時候微信小程序調試確實比較煩惱,開發(fā)工具里的和真機差別有點大,每次都要重新編譯重新掃碼調試。今天微信終于支持真機調試了,可以大大方便開發(fā)者進行調試,節(jié)省開發(fā)時間,增加開發(fā)效率。
為了讓開發(fā)者更高效地開發(fā)和調試小程序,小程序開發(fā)工具新增真機遠程調試功能。開發(fā)者只需掃描二維碼,即可在手機上的微信客戶端中調試運行小程序
開發(fā)者可直接在開發(fā)工具內控制微信客戶端中的小程序,進行斷點、單步執(zhí)行,調用所有微信原生API,查看所有小程序輸出日志等。
開發(fā)者也可以在開發(fā)工具內查看微信客戶端中小程序的真實頁面結構以及對應樣式屬性。對小程序樣式屬性的修改,將實時在微信客戶端中展示。
真機調試功能需微信客戶端6.6.2及以上版本,開發(fā)者工具1.02.1802010及以上版本才支持,請開發(fā)者及時升級。
功能概述
真機遠程調試功能可以實現(xiàn)直接利用開發(fā)者工具,通過網絡連接,對手機上運行的小程序進行調試,幫助開發(fā)者更好的定位和查找在手機上出現(xiàn)的問題。
調試流程
要發(fā)起一個真機遠程調試流程,需要先點擊開發(fā)者工具的工具欄上 “遠程調試” 按鈕。
此時,工具會將本地代碼進行處理打包并上傳,就緒之后,使用手機客戶端掃描二維碼即可彈出調試窗口,開始遠程調試。
遠程調試窗口
使用手機掃描此二維碼,即可開始遠程調試。
要結束調試,直接關閉此調試窗口,或點擊右下角 “結束調試” 按鈕即可。
遠程調試窗口分為兩部分,分別是左側的調試器視圖、右側的信息視圖。開發(fā)者可以在調試器里直接進行代碼的調試,并查看 Storage 情況;信息視圖則可以查看目前與手機和服務器的連接情況,以及發(fā)生的錯誤信息等。
調試器
在遠程調試的調試器里,開發(fā)者可以在 Console 面板里對代碼進行調試,在 Sources 面板里查看小程序的源代碼并進行斷點單步調試,在 Storage 面板里查看小程序的 Storage 使用情況等。
微信小程序定制開發(fā)