開發者工具概覽

開發工具是什麼?

開發工具是一套 Dart 和 Flutter 的效能除錯工具。目前已經『行進』到 Beta 版本了,但仍在正在持續開發中。

Dart DevTools Screens

For a video introduction to DevTools, check out the following deep dive and use case walkthrough:

Dive in to DevTools

我可以用開發工具來做什麼?

下面列出了一些可以用開發工具來實現的操作:

  • 檢查 Flutter 應用程式的 UI 元件佈局和狀態;

  • 在 Flutter 應用程式中診斷 UI 效能過低的問題;

  • Flutter 和 Dart 應用的 CPU 效能檢測;

  • 為 Flutter 應用進行網路效能檢測;

  • 為 Flutter 或 Dart 應用進行原始碼級的除錯;

  • 在 Flutter 或 Dart 指令行應用中測試記憶體問題;

  • 檢視正在執行的 Flutter 或 Dart 的指令行應用程式相關的常規日誌和診斷訊息。

  • 分析程式碼和應用的大小

我們希望你將開發工具與現有的 IDE 或基於指令行的開發流程結合起來使用。

如何安裝開發工具?

請參考 VS Code, Android Studio/IntelliJ, 或者透過 指令行 頁面來了解如何啟動開發工具 (DevTools)。

一些常見問題的解決方案

問題: 我的應用程式看起來很卡頓或者有明顯的延遲,我該如何解決?

解決方案: 效能問題可能會導致 UI frames 卡頓,或者導致某些操作變慢。

  1. 效能 > 時間軸 開始,檢測哪些程式碼影響了具體的延遲幀。

  2. 使用 CPU profiler 來觀察和學習哪些程式碼在後台佔用了大量的 CPU 時間。

更多訊息,請查閱 效能 頁面。

問題: 我看到了很多垃圾回收 (GC) 事件的發生,這是一個問題嗎?

解決方案: 在開發工具 > 記憶體 > 記憶體圖表中,頻繁的 GC 事件可能會顯示出來。在大多數情況下,這個問題不大。

如果你的應用有頻繁的後台活動和一些空閒時間, Flutter 可能會利用這個機會來收集建立的物件,而不會影響效能。

送出反饋

請在 開發者工具 issue 追蹤器 中嘗試使用開發工具,並送出反饋和檔案 issue。

其他資源

關於除錯、分析 Flutter 應用程式的更多詳細,請查閱 除錯 頁面,尤其是 其他資源 清單。

果你希望知道更多如何在指令行下使用開發者工具 (DevTools) 的話,請參考這個頁面 Dart 開發者工具.