【Flutter】Flutter 调试 ( 调试回退功能 | Debug 调试中查看变量的方式 | 控制台信息 )
文章目錄
- 一、調試回退功能
- 二、Debug 調試中查看變量的方式
- 三、Debug 控制臺信息
- 四、相關資源
一、調試回退功能
在調試過程中 , 經常錯過關鍵位置的調試 , 如沒有進入關鍵方法進行調試 ;
Flutter 調試中提供了一個 " 后悔藥 " , Frame 視窗 , 該視窗中記錄了所有的關鍵方法的運行狀態 , 通過該運行狀態記錄的值 , 可以回退到指定的方法處 ;
上圖中 259 行的代碼已經執行完畢 , 現在執行 188 行的代碼 , 點擊 Frames 中的 259 行的執行項 , 即可回頭查看執行該狀態時相關變量或表達式的值 ;
二、Debug 調試中查看變量的方式
Flutter 項目 Debug 調試時 , 查看變量的方式 :
將光標放到變量位置 , 鼠標左鍵點一下 , 即可在變量下方顯示變量值浮層 , 浮層中顯示變量值 ;
在 Variables 變量窗口中 , 會列出當前斷點所在方法 , 斷點所在類的所有變量的值 ;
在 Watches 視窗中 , 點擊左側的 加號按鈕 " New Watch " ,
在彈出的對話框中輸入變量或表達式 ,
點擊回車后 , 即可查看該變量的值 ;
三、Debug 控制臺信息
如果程序中出現錯誤 , 會報錯到控制臺 ;
如果調試的是大數據量的代碼 , 不方便進行斷點調試 , 如藍牙串口數據 , 需要打印日志 , 也輸出到控制臺 ;
四、相關資源
參考資料 :
- Flutter 官網 : https://flutter.dev/
- Flutter 插件下載地址 : https://pub.dev/packages
- Flutter 開發文檔 : https://flutter.cn/docs ( 強烈推薦 )
- 官方 GitHub 地址 : https://github.com/flutter
- Flutter 中文社區 : https://flutter.cn/
- Flutter 實用教程 : https://flutter.cn/docs/cookbook
- Flutter CodeLab : https://codelabs.flutter-io.cn/
- Dart 中文文檔 : https://dart.cn/
- Dart 開發者官網 : https://api.dart.dev/
- Flutter 中文網 : https://flutterchina.club/ , http://flutter.axuer.com/docs/
- Flutter 相關問題 : https://flutterchina.club/faq/ ( 入門階段推薦看一遍 )
- GitHub 上的 Flutter 開源示例 : https://download.csdn.net/download/han1202012/15989510
- Flutter 實戰電子書 : https://book.flutterchina.club/chapter1/
重要的專題 :
- Flutter 動畫參考文檔 : https://flutterchina.club/animations/
博客源碼下載 :
-
GitHub 地址 : https://github.com/han1202012/flutter_animation ( 隨博客進度一直更新 , 有可能沒有本博客的源碼 )
-
博客源碼快照 : https://download.csdn.net/download/han1202012/16245277 ( 本篇博客的源碼快照 , 可以找到本博客的源碼 )
總結
以上是生活随笔為你收集整理的【Flutter】Flutter 调试 ( 调试回退功能 | Debug 调试中查看变量的方式 | 控制台信息 )的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【Flutter】Flutter 调试
- 下一篇: 【Flutter】顶部导航栏实现 ( S