Flutter開發(fā)調(diào)試

代碼開發(fā)后出問題都會需要調(diào)試，調(diào)試方法很重要。

1. 斷點調(diào)試

斷點調(diào)試跟大家熟悉的 Chrome 的斷點調(diào)試基本一致，核心是在斷點處查看當(dāng)前各個數(shù)據(jù)的狀態(tài)情況，但是需要使用 debug 模式運行。

2. debugger調(diào)試

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

3.界面調(diào)試

為了能夠掌握具體的布局問題，在 Web 端，我們可以通過 Chrome 工具進行分析。 Flutter 提供了可視化的界面調(diào)試方法。

3.1.使用AndroidStudio工具開發(fā)調(diào)試
步驟1
步驟2
3.2.使用其他開發(fā)工具（vscode）
flutter pub global activate devtools

flutter pub global run devtools
控制臺
flutter run -d xx

運行項目后會在控制臺打印出對應(yīng)的項目運行后地址

項目運行后地址
  • 瀏覽器打開http://127.0.0.1:9100
瀏覽器添加項目地址
調(diào)試界面

以上是最終的調(diào)試界面，可以來進行調(diào)試。
該套工具的詳細介紹可以參考開發(fā)者工具。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容