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

2018-01-17 15:41 更新

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

模擬器


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

微信小游戲開發(fā)模擬器調(diào)試

自定義編譯


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

同時為了幫助開發(fā)者調(diào)試從不同場景值進入具體的頁面,開發(fā)者可以添加或選擇已有的自定義編譯條件進行編譯和代碼預(yù)覽(如圖)。

注:編譯條件跟項目相關(guān),每個項目可以保存自己相關(guān)的編譯條件

微信小游戲開發(fā)工具自定義編輯

前后臺切換


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

微信小游戲開發(fā)工具前后臺切換調(diào)試

調(diào)試工具


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

Sources panel

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

微信小游戲開發(fā)工具調(diào)試工具Sources panel


注:當(dāng)代碼運行到斷點的時候,整個小程序都停止了,所以模擬器會出現(xiàn)白屏或者無法操作的情況

Storage panel

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

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

微信小游戲開發(fā)工具Storage panel調(diào)試工具


Network panel

Network Panel 用于觀察和顯示 request 和 socket 的請求情況

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

注:uploadFile 和 downloadFile 暫時不支持在 Network Panel 中查看

Console panel

Console panel 有兩大功能:

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

    微信小游戲開發(fā)工具Console panel調(diào)試工具

  • 小程序的錯誤輸出,會顯示在此處

    小程序錯誤輸出

  • 在控制臺中可以輸入以下命令

build: 編譯小程序

upload: 上傳代碼

openVendor: 打開基礎(chǔ)庫所在目錄

openToolsLog: 打開工具日志目錄

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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號