小程序開發工具的經常使用技巧

1.添加編譯模式

在調試指定頁面的時候會頗有用，例如：模擬用戶打開分享後的頁面

你還能夠增長一些模擬參數，和場景值來測試

2.修改當前網絡狀態

當修改網絡環境會觸發wx.onNetworkStatusChange事件

3.查看當前項目包大小

也能夠查看分包大小，若是有使用分包

4.真機調試

這個你們都知道的，主要測試項目在真實環境下的表現

5.全局搜索

[

]

6.實時修改data數據

用於調試數據的時候是很是有用的 [

]

7.查看當前頁面參數，場景值

你還在onLoad裏面輸出console參數嗎？ [

] [

] [

]

8.自動化測試

沒錯，你能夠自動化測試你的小程序性能 [

] [

]

微信官方會返回一個測試報告給你，你能夠看到測試的頁面已經小程序渲染事件和首屏加載時常等信息，注意24小時只能申請一次哦

9.多帳號調試

這也是一個很是好用的調試功能，在某些功能中，例如：聊天小程序。須要多個帳號同時測試的時候這個功能會很是有用 [

] [

] 掃碼登錄你的另外一個測試號，選擇測試號會打開一個新的開發工具界面

10.切後臺

所謂的切後臺就是，模擬任意場景值打開小程序，從後臺切回來的時候會觸發onShow鉤子哦 [

]

11.斷點調試

[

]

打開調試器->Sources 左側可找到對應的代碼中下斷點

12.調試節點樣式

這個不用多說，熟悉chrome的同窗都知道，值得一提的是，這裏還能夠看到dataset的信息,最新版的開發工具能夠調試before after樣式了 [

]

13.體驗評分測試

用於測試當前頁面的總體評分等級，主要包含性能，體驗，UI組成，當評分未達到A，會給出一些修改建議，已經致使評分低的緣由方便開發者去修改對於問題 [

] [

]

14.模擬位置經緯度

[

]

15.查看緩存信息

[

]