?前不久跟大家介紹了小程序調(diào)試工具，進行就利用調(diào)試工具來和大家演示一下小程序真機調(diào)試教程，希望對大家有所幫助。

1.打開微信小程序開發(fā)工具-找到工具欄-點擊遠程調(diào)試按鈕。

2.工具會自動將本地代碼打包上傳，上傳之后，會出現(xiàn)一個二維碼，管理員掃碼進入，就可以跳出調(diào)試窗口，開始遠程調(diào)試功能。

3. 遠程調(diào)試功能分為調(diào)試器視圖和信息視圖兩種；

調(diào)試器視圖：①讓開發(fā)者通過console面板對代碼進行調(diào)試；

console面板調(diào)試方法：點擊console面板-切換到 VM Context 1，如圖所示：

②在Sources 面板里對小程序源代碼斷點單步進行調(diào)試；

Sources 面板調(diào)試方法：點擊Sources面板-選擇weapp://路徑-pages/index-index.js?[sm]-在紅色代碼框內(nèi)手動插入debugger.如圖所示：

③在Storage面板里查看小程序Storage情況。

Storage面板調(diào)試方法：如圖所示：

3. 信息視圖是用來看手機和服務器連接狀態(tài)以及反饋錯誤信息等。

手機端展示:調(diào)試過程中會在手機端進行展示，如圖所示：