長沙小程序開發：學習微信小程序真機調試！學習微信小程序真機調試，前面幾期給大家介紹的學習微信小程序開發的是由淺入深階段式的介紹，今天長沙小程序開發智企云又帶來的是小程序真機調試干貨內容介紹，程序調試是整個項目開發中將近尾端的介紹，要在真機中反復調試，測試出看有沒有相應的BUG,進行代碼修復，具體的相關內容，請看以下：

　　(如果你是游客模式將無法使用工具欄中的“真機調試功能”，本章節我們默認不是游客模式，下面將講解真機調試過程。)

　　1、發起一個真機遠程調試流程，需要先點擊開發者工具的工具欄上 “真機調試” 按鈕。此時，工具會將本地代碼進行處理打包并上傳，就緒之后，使用手機客戶端掃描二維碼即可彈出調試窗口，開始遠程調試。

　　2、使用手機掃描此二維碼，即可開始遠程調試。要結束調試，直接關閉此調試窗口，或點擊右下角 “結束調試” 按鈕即可。

　　遠程調試窗口分為兩部分，分別是左側的調試器視圖、右側的信息視圖。開發者可以在調試器里直接進行代碼的調試，并查看 Storage(上邊有講) 情況;信息視圖則可以查看目前與手機和服務器的連接情況，以及發生的錯誤信息等。

　　3、在遠程調試的調試器里，開發者可以在 Console 面板里對代碼進行調試，在 Sources 面板里查看小程序的源代碼并進行斷點單步調試，在 Storage 面板里查看小程序的 Storage 使用情況等。

　　注意，要在 Console 里對小程序進行調試，需要將調試的上下文切換到 VM Context 1，如圖所示。

        WXML、AppData、Storage 面板的操作和開發者工具調試模擬器時的操作一致。注意，如果在右側信息視圖取消勾選了 “使用工具端的 Storage”，則所有的 Storage 數據將被存儲在手機上，將不再出現 Storage 面板。

　　4、下圖展示了手機、網絡連接的信息。除此之外還包括手機的型號、系統、名稱、微信版本等信息，以及通信延時。通信延時越小，與手機的通信越流暢。

　　在 “連接信息” 里，展示了工具與服務器的連接信息，包括了連接狀態、服務器狀態等，當連接故障、服務器阻塞影響到調試的過程和流暢度時，此處將展示這一狀態。當連接狀態為 “已結束” 時，表明調試已被終止。

　　“警告和錯誤” 展示了最近發生的錯誤和警告信息。如果網絡連接斷開，此處將會詢問開發者是否需要重新連接。

       5、手機端調試

　　調試過程中的手機端展示如下所示。當手機無網絡或者進入了斷點狀態時，將會出現一個浮層提示并阻止進一步的操作。

       6、小游戲遠程調試

　　如果讀者是開發小游戲的，那么與小程序稍微有些不同，在調試窗口的右側可能會出現 “Contexts” 欄，可以點選希望調試的不同的 JavaScript 上下文。默認情況下，為了方便調試，工具會上傳帶有完整源代碼的 Source Map。如果不希望上傳，或者出現代碼行列數映射錯亂的情況，可以在右下側選項中關閉這個選項，并取消勾選項目詳情中的 “上傳代碼時自動壓縮混淆” 選項。

　　    以上就是長沙小程序開發帶來的學習微信小程序真機調試相關內容介紹，(以上內容就是對小程序開發者工具的詳細講解，讀者可以用它上手自己的小程序開發了，建議讀者可以再看看“官方文檔”-->“教你設計優質程序”，學習一下小程序的整體設計思路，畢竟開發人員在敲代碼之前是需要和產品經理深入溝通才行。)在此長沙小程序開發公司智企云為各大眾們提供專業的行業解決方案，若你的企業有小程序開發方面的需求，不妨與我們取得聯系！