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

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

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

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

調(diào)試器視圖：①讓開(kāi)發(fā)者通過(guò)console面板對(duì)代碼進(jìn)行調(diào)試；

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

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

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

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

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

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

手機(jī)端展示:調(diào)試過(guò)程中會(huì)在手機(jī)端進(jìn)行展示，如圖所示：