工具欄
人頭像-個人中心:展示小程序系統版本更新後的一個推送消息。方便的切換小程序賬號
頭像旁邊的3個按鈕,我們可以點擊他們去控制相應的模塊的顯示或隱藏
普通編譯:我們可以選擇添加編譯模式自定義編譯條件,如啓動頁面和頁面的啓動參數,已經我們需要進入的一些場景值
預覽 :讓本地的代碼實時的在真機上預覽,點擊該按鈕,他會生產一個二維碼,用真機掃描即可
遠程調試(真機調試):通過網絡連接對我們手機運行的小程序進行一個調試。
切後臺:快速去切到不同的場景值,通過這個場景值,我們可以去個性化一些,我們的需求功能。
清緩存:我們可以去清除我們開發者工具和我們調試設備的數據緩存,文件緩存,搜全緩存,網絡緩存,登錄狀態
上傳:本次代碼上傳到我們的管理後臺,默認設置爲一個開發版本。確認後。填寫版本和備註
小程序5大版本:
- 就是左側的模擬器- 預覽版本
- 上傳成功後成一個具有版本號的應用 - 開發版本。
有開發權限的成員可以通過小程序開發助手來看我們-開發版本。
- 小程序管理後臺可以直接將我們的開發版本切換成我們的體驗版本
具有體驗權限的成員就可以看到我們這樣的一個體驗版本
- 開發版本上線 - 提交審覈後- 審覈版本 - 審覈成功 - 線上版本
*測試按鈕-新版本沒有放到工具欄,在菜單欄 - 工具- 自動化測試
*測試:每24小時生生一個測試報告,微信會給我們隨機分配4-8種機型來測試頁面首屏加載時間,cpu佔比
*騰訊雲:新版是在創建工程的時候的一個選項,它是一個第三方平臺,快速構建一個小程序的開發環境和線上環境。
- 詳情: 通過一些項目設置,看一些域名信息和狀態,切換調試的基礎庫,設置一些編譯的配置ES6轉ES5上傳代碼的時候,自動補全一個樣式
模擬器
- 小程序的模擬器- 可以切換模擬器機型,網絡狀態和屏幕縮放。
調試模塊:
- console: 打印頁面的一些調試log信息
- sources:列出小程序頁面的所有腳本文件,我們可以對這些文件,進行斷點調試。
-
network:展示各個網絡請求的一個狀態信息,以及我們所請求資源的一個響應數據等。
-
storage:通過調用wx.setStorage和wx.setStorageSync這個函數,設置緩存時,可以動態去修改這些緩存數據
-
appData:微信小程序頁面上真實展示的一個數據,也可動態的修改來查看我們小程序頁面在模擬器上不同設備的兼容性情況
-
wxml:展示微信小程序頁面的各個組件元素,也可對組件元素樣式屬性的修改
-
sensor:地理位置信息,設備旋轉角度的展示。在這裏可以動態去修改我們的地理位置信息,來模擬小程序頁面在不同地理位置下的表現。
- 可以拖拽這個圖片,來查看它的一個設備的旋轉角度