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