4-8 Flutter调试技巧

Posted wangjunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了4-8 Flutter调试技巧相关的知识,希望对你有一定的参考价值。


技术图片

技术图片

安卓的错误代码在借助Logcat
技术图片

ios接入XCode
技术图片


技术图片

如何调试flutter代码


首先是debug模式下运行代码
技术图片


技术图片
断点可以设置表达式。这就是表达式断点。
技术图片
继续运行项目,运行到下一个断点。
技术图片

调试的时候查看变量的值有三种方式

鼠标放在变量上
技术图片
二是变量的视窗里面
技术图片
watches视窗,例如我们想在之类看变量alpha
技术图片
输入alpha即可。
技术图片
运行表达式
技术图片

技术图片
Frames视窗,它用代码在每个方法里面都有相应的记录。
技术图片
例如我们想回到onScroll的上一步。
技术图片
可以在Watches打印这个变量
技术图片
单步执行。
技术图片
进入方法内部。
技术图片
强制跳入。
技术图片
跳出。
技术图片
运行到光标的位置上。
技术图片
技术图片
热更新
技术图片
重新运行项目。
技术图片
重新运行main.dart
技术图片
运行到下一个断点位置。也就是放开代码,让它继续执行。
技术图片
停止调试。
技术图片

如果断点打了很多。
技术图片
用来管理断点。
技术图片
每个断点都会显示出来在多少行。右边可以编辑这些断点。
技术图片勾选去掉。把这些断点设置为无效。
让所有的断点都失效。
技术图片
断点就编程灰色了
技术图片

调试还会结合控制台工具。
技术图片
程序报错 ,会在控制台抛出错误信息。
技术图片
点击快速链接到错误的位置
技术图片

 

结束

 

以上是关于4-8 Flutter调试技巧的主要内容,如果未能解决你的问题,请参考以下文章

Chrome调试折腾记_JS断点调试技巧

lua-调试技巧

lua-调试技巧

lua-调试技巧

lua-调试技巧

Js调试技巧