調(diào)試工具分為 6大功能模塊：Swan、Sources、Network、Console、Storage、App data、Sensors。

Swan panel

Swan panel 用于幫助開(kāi)發(fā)者查看真實(shí)的頁(yè)面結(jié)構(gòu)以及對(duì)應(yīng)的 css 屬性，同時(shí)可以通過(guò)修改對(duì)應(yīng) css 屬性，在模擬器中實(shí)時(shí)看到修改的情況（僅為實(shí)時(shí)預(yù)覽，無(wú)法保存到文件）。通過(guò)調(diào)試模塊左上角的選擇器，還可以快速定位頁(yè)面中組件對(duì)應(yīng)的 swan 代碼。

Sources panel

Sources panel 用于顯示當(dāng)前項(xiàng)目的腳本代碼文件，智能小程序框架會(huì)對(duì)腳本文件進(jìn)行打包編譯的工作，因此在 Sources panel 中開(kāi)發(fā)者看到的文件是經(jīng)過(guò)處理之后的腳本文件。

Network panel

Network Panel 中展示了 request 和 socket 的請(qǐng)求情況。

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

Console panel

開(kāi)發(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ù)。

閱讀本文的人還可以閱讀：

百度小程序入口有哪些？哪里可以進(jìn)入百度小程序？

百度小程序開(kāi)源聯(lián)盟是什么

百度小程序的流量為什么那么高，小程序如何引流？

怎樣做好百度小程序體驗(yàn)設(shè)計(jì)（1）