除錯網路應用程式的效能

Flutter 框架會在建立畫面、繪製場景和追蹤其他活動(例如垃圾回收)時發出時間軸事件。這些事件會顯示在 Chrome DevTools 效能面板 中,以供除錯。

您也可以使用 dart:developer 時間軸時間軸任務 API 發出自己的時間軸事件,以進行進一步的效能分析。

Screenshot of the Chrome DevTools performance panel

增強追蹤的選用旗標

若要設定追蹤哪些時序事件,請在應用程式的 main 方法中將下列頂層屬性設定為 true

說明

  1. [選用] 從應用程式的 main 方法將任何想要的追蹤旗標設定為 true。
  2. 設定檔模式中執行 Flutter 網路應用程式。
  3. 開啟應用程式的 Chrome DevTools 效能面板,並 開始記錄 以擷取時序事件。