Flutter開發調試

代碼開發後出問題都會需要調試,調試方法很重要。

1. 斷點調試

斷點調試跟大家熟悉的 Chrome 的斷點調試基本一致,核心是在斷點處查看當前各個數據的狀態情況,但是需要使用 debug 模式運行。

2. debugger調試

代碼中增加一個斷點語法,可以通過條件式的判斷來進行斷點,同樣需要使用 debug 模式運行。

3.界面調試

爲了能夠掌握具體的佈局問題,在 Web 端,我們可以通過 Chrome 工具進行分析。 Flutter 提供了可視化的界面調試方法。

3.1.使用AndroidStudio工具開發調試
3.2.使用其他開發工具(vscode)
flutter pub global activate devtools
flutter pub global run devtools
flutter run -d xx

運行項目後會在控制檯打印出對應的項目運行後地址

  • 瀏覽器打開http://127.0.0.1:9100

以上是最終的調試界面,可以來進行調試。
該套工具的詳細介紹可以參考開發者工具

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章