?前不久跟大家介紹了小程序調試工具,進行就利用調試工具來和大家演示一下小程序真機調試教程,希望對大家有所幫助。
1.打開微信小程序開發工具-找到工具欄-點擊遠程調試按鈕。
2.工具會自動將本地代碼打包上傳,上傳之后,會出現一個二維碼,管理員掃碼進入,就可以跳出調試窗口,開始遠程調試功能。
3. 遠程調試功能分為調試器視圖和信息視圖兩種;
調試器視圖:①讓開發者通過console面板對代碼進行調試;
console面板調試方法:點擊console面板-切換到 VM Context 1,如圖所示:
②在Sources 面板里對小程序源代碼斷點單步進行調試;
Sources 面板調試方法:點擊Sources面板-選擇weapp://路徑-pages/index-index.js?[sm]-在紅色代碼框內手動插入debugger.如圖所示:
③在Storage面板里查看小程序Storage情況。
Storage面板調試方法:如圖所示:
3. 信息視圖是用來看手機和服務器連接狀態以及反饋錯誤信息等。
手機端展示:調試過程中會在手機端進行展示,如圖所示: