一、Trace工具介紹

微信小程序開發(fā)工具中提供了trace工具，利用trace工具可時時監(jiān)控小程序的性能。分析trace文件可獲取內(nèi)存、CPU、fps、啟動時間、各函數(shù)的執(zhí)行時間等。

二、環(huán)境搭建

1、電腦上安裝adb

2 、下載微信小程序開發(fā)工具（本人下載的是微信開發(fā)工具beta版公測）

三、操作步驟

1、手機(jī)與電腦連接（adb devices 可查看連接的設(shè)備），手機(jī)USB打開調(diào)試模式

2、登錄微信小程序開發(fā)者工具，選擇trace，點(diǎn)擊Choose Device，如果手機(jī)adb連接成功在彈框中可看到連接設(shè)備，如下：

3、點(diǎn)擊選擇設(shè)備后會停留在選擇trace文件頁面，如圖：

注意：若手機(jī)端無文件上傳時會一直搜索中

4、手機(jī)端，進(jìn)入要測的微信小程序中（與開發(fā)者工具登錄的同一個小程序）；若無關(guān)注要測的小程序時，可在開發(fā)者工具上點(diǎn)擊真機(jī)調(diào)試，掃碼就可關(guān)注進(jìn)入，如下：

5、關(guān)注進(jìn)入后，點(diǎn)擊右上角的3個點(diǎn)（...），點(diǎn)擊打開性能監(jiān)控面板（點(diǎn)擊監(jiān)控后要重新登錄微信和小程序）

監(jiān)控前的頁面：

打開監(jiān)控后的頁面：

6、在小程序中操作后可導(dǎo)出trace文件（手機(jī)與電腦連接）

7、導(dǎo)出后在電腦端就會顯示其trace文件，點(diǎn)擊可查看測量的性能數(shù)據(jù)

8、選擇需要查看的文件，即可查看所需的性能數(shù)據(jù)

9、浮動面板功能介紹

9.1、箭頭用于選中頁面中的數(shù)據(jù)，選中后在底部展示其具體數(shù)據(jù)如下：

9.2、十字箭頭主要是用來方便移動的

9.3、向下箭頭主要是用來縮放的效果

9.4、朝向兩邊的箭頭主要用來查看一段運(yùn)行的時間

10、獲取trace文件

在電腦端下載everything搜索工具，在everything中搜索小程序的APPID即可搜索到保存的臨時trace文件進(jìn)行分析了。

四、性能指標(biāo)說明