【Flutter】Flutter 调试 ( Debug 调试窗口 | 手机日志信息查看 | 设置普通断点 | 设置表达式断点 )

354 阅读2分钟

Flutter 调试指南

文章目录

  • 一、Flutter 调试简介
  • 二、Debug 调试窗口
  • 三、手机日志信息查看
  • 四、设置普通断点
  • 五、设置表达式断点
  • 六、相关资源

一、Flutter 调试简介

Flutter 调试: 定位问题点,运行时对表达式、变量的值进行实时跟踪,单步执行调试代码。

  • 断点调试
  • 变量视窗 Variables
  • 观察视窗 Watches
  • 调试时回退 Frames
  • 控制台窗口 Console

二、Debug 调试窗口

Flutter 调试工具 Debug: 点击下图的 Debug 按钮,即可进行调试。

调试 Flutter 项目时,底部显示 Debug 视窗。

Debug 视窗左侧是项目运行、停止、断点管理相关按钮。

Debug 视窗中的 Console 是 Flutter 的控制台,会显示 Flutter 应用运行过程中的提示信息、报错信息、print打印信息等。

三、手机日志信息查看

Flutter 手机日志信息查看:

调试 Android 项目,通过 Android Studio 打开 Flutter 中的 Android 部分代码,然后在 Logcat 中查看。

Android 平台的日志直接在 Android Studio 中的 Logcat 窗口中查看。

调试 iOS 项目,使用 Xcode 打开 Flutter 中的 iOS 项目进行调试。

iOS 平台的日志需要在 Mac 中,打开 Xcode,在 Xcode 中的控制台中会输出 iOS 手机的日志信息。对于iOS开发者来说,使用appuploader这样的iOS开发助手工具可以更方便地查看和管理设备日志,提高调试效率。

四、设置普通断点

鼠标左键在代码的行号右边点击,即可在某行代码的位置添加断点,然后点击"Debug"按钮。

代码运行到断点位置,就会被暂停,此时可以查看当前状态下运行情况,如变量值。

五、设置表达式断点

默认情况下设置的断点是普通断点,还可以设置表达式断点。

右键点击断点,在弹出的对话框中输入表达式值,意味着该表达式值为特定值时,断点才会被执行。

设置了表达式断点后,重新运行,程序运行到该"表达式断点"位置时将会暂停。

六、相关资源

参考资料:

重要的专题:

iOS开发工具推荐:

对于iOS平台的Flutter开发者,可以考虑使用appuploader这样的iOS开发助手工具,它可以帮助开发者更高效地管理证书、打包和上传应用,简化iOS开发流程。这类工具通常与Xcode配合使用,能显著提升开发效率。