微信小程式工具的使用
阿新 • • 發佈:2018-12-06
每個編輯器都會有一些特定的測試工具,微信小程式的開發工具也提供了很多工具:
console控制檯,可以在此列印和除錯程式碼,頁面的資料可以以console.log()的形式在控制檯列印輸出,方便檢視資料是否正確,小程式的錯誤輸出會顯示在此處,這和我們平時用的控制檯的作用是一樣的,我們也可以在控制檯進行簡單程式碼的驗證
network前端呼叫的介面會在這裡顯示,檢視介面請求的具體資訊以及介面返回的資料,介面返回的狀態碼以及json資料都可以顯示。
sources用於顯示當前專案的指令碼檔案,Ctrl+p快捷搜尋要測試的js檔案在相應位置設定斷點,可以檢測具體哪條語句執行有問題,對於改邏輯上的bug很用幫助。
appdata用於顯示當前專案執行時小程式 AppData 具體資料,實時地反映專案資料情況,可以在此處編輯資料,並及時地反饋到介面上。用來檢視頁面資料與預期的正確性
storage用於顯示當前專案使用 wx.setStorage 或者 wx.setStorageSync 後的資料儲存情況。可以直接在 Storage panel 上對資料進行刪除(按 delete 鍵)、新增、修改。storage這一個功能用處很廣泛,比如我們的使用者登入態一般會存起來。這樣在其他頁面用到該資料時就可以直接從storage裡獲取。
相關文件:https://developers.weixin.qq.com/miniprogram/dev/devtools/debug.html