調(diào)試工具分為 6大功能模塊：Swan、Sources、Network、Console、Storage、App data、Sensors。
Swan panel
Swan panel 用于幫助開發(fā)者查看真實(shí)的頁(yè)面結(jié)構(gòu)以及對(duì)應(yīng)的 css 屬性，同時(shí)可以通過修改對(duì)應(yīng) css 屬性，在模擬器中實(shí)時(shí)看到修改的情況（僅為實(shí)時(shí)預(yù)覽，無法保存到文件）。通過調(diào)試模塊左上角的選擇器，還可以快速定位頁(yè)面中組件對(duì)應(yīng)的 swan 代碼。
Sources panel
Sources panel 用于顯示當(dāng)前項(xiàng)目的腳本代碼文件，智能小程序框架會(huì)對(duì)腳本文件進(jìn)行打包編譯的工作，因此在 Sources panel 中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件。
Network panel
Network Panel 中展示了 request 和 socket 的請(qǐng)求情況。
注：uploadFile 、downloadFile暫時(shí)不支持在 Network Panel 中查看
Console panel
開發(fā)者可以在此輸入和調(diào)試代碼, 程序中的 console 信息也會(huì)在 Console panel 中提示。
Storage panel
Storage panel 用于顯示當(dāng)前項(xiàng)目使用 swan.setStorage 或者 swan.setStorageSync 后的數(shù)據(jù)存儲(chǔ)情況。
可以直接在 Storage panel 上對(duì)數(shù)據(jù)進(jìn)行刪除（按 delete 鍵）、新增、修改。
App data panel
用于顯示當(dāng)前項(xiàng)目運(yùn)行時(shí)智能小程序 AppData 具體數(shù)據(jù)，實(shí)時(shí)地反映項(xiàng)目數(shù)據(jù)情況，可以在此處編輯數(shù)據(jù)，并及時(shí)地反饋到界面上。
Sensors panel
用于設(shè)置地理信息、陀螺儀、指南針數(shù)據(jù)，調(diào)用相關(guān) API 時(shí)會(huì)讀取在這里設(shè)置好的數(shù)據(jù)。
閱讀本文的人還可以閱讀：
