微信小游戲開(kāi)發(fā)文檔-小游戲開(kāi)發(fā)工具調(diào)試

程序調(diào)試主要有三大功能區(qū)：模擬器、調(diào)試工具和小程序操作區(qū)

模擬器

模擬器模擬微信小程序在客戶端真實(shí)的邏輯表現(xiàn)，對(duì)于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。

自定義編譯

點(diǎn)擊工具欄中的編譯按鈕或者使用快捷鍵 Ctrl(?) + B，可以編譯當(dāng)前代碼，并自動(dòng)刷新模擬器。

同時(shí)為了幫助開(kāi)發(fā)者調(diào)試從不同場(chǎng)景值進(jìn)入具體的頁(yè)面，開(kāi)發(fā)者可以添加或選擇已有的自定義編譯條件進(jìn)行編譯和代碼預(yù)覽（如圖）。

注：編譯條件跟項(xiàng)目相關(guān)，每個(gè)項(xiàng)目可以保存自己相關(guān)的編譯條件

前后臺(tái)切換

工具欄中前后臺(tái)切換幫助開(kāi)發(fā)者模擬一些客戶端的環(huán)境操作。例如當(dāng)用戶從小程序中回到聊天窗口，會(huì)觸發(fā)一個(gè)小程序被設(shè)置為后臺(tái)的回調(diào)。

調(diào)試工具

調(diào)試工具分為 7 大功能模塊：Console、Sources、Network、Appdata、Storage

Sources panel

Sources panel 用于顯示當(dāng)前項(xiàng)目的腳本文件，同瀏覽器開(kāi)發(fā)不同，微信小程序框架會(huì)對(duì)腳本文件進(jìn)行編譯的工作，所以在 Sources panel 中開(kāi)發(fā)者看到的文件是經(jīng)過(guò)處理之后的腳本文件，開(kāi)發(fā)者的代碼都會(huì)被包裹在 define 函數(shù)中，并且對(duì)于 Page 代碼，在尾部會(huì)有 require 的主動(dòng)調(diào)用。

注：當(dāng)代碼運(yùn)行到斷點(diǎn)的時(shí)候，整個(gè)小程序都停止了，所以模擬器會(huì)出現(xiàn)白屏或者無(wú)法操作的情況

Storage panel

Storage panel 用于顯示當(dāng)前項(xiàng)目使用 wx.setStorage 或者 wx.setStorageSync 后的數(shù)據(jù)存儲(chǔ)情況。

可以直接在 Storage panel 上對(duì)數(shù)據(jù)進(jìn)行刪除（按 delete 鍵）、新增、修改

Network panel

Network Panel 用于觀察和顯示 request 和 socket 的請(qǐng)求情況

注：uploadFile 和 downloadFile 暫時(shí)不支持在 Network Panel 中查看

Console panel

Console panel 有兩大功能：

• 開(kāi)發(fā)者可以在此輸入和調(diào)試代碼

  
  

• 小程序的錯(cuò)誤輸出，會(huì)顯示在此處

  
  

• 在控制臺(tái)中可以輸入以下命令

build: 編譯小程序

upload: 上傳代碼

openVendor: 打開(kāi)基礎(chǔ)庫(kù)所在目錄

openToolsLog: 打開(kāi)工具日志目錄

checkProxy(url): 檢查指定 url 的代理使用情況