flutter 如何打开DevTools 调试App，查看CPU GPU使用情况以及包体积分析

flutter 如何打开DevTools 调试App，查看CPU GPU使用情况以及包体积分析

打开DevTools的两种简单方式

1.VScode 上打开 flutter DevTools

• ctrl+shift+p 打开命令面板 输入Open DevTools 并运行
  - 选择模式在浏览器中打开
  
  

2.android studio 上打开flutter DevTools

• 直接运行项目
• 软件界面上有简易版预览，需要详细的可以点击下方的 Open DevTools
  

flutter DevTools 的使用

查看CPU使用情况

• 在初始化项目上加点有问题的代码然后进行调试
  

• 查看cpu
  
• 隐藏一些不需要看的参数
  
• 鼠标放上去会出现详细
  
• 采样
• 点击开始 然后会记录手机上当前软件的操作记录，点击停止才会进行生成采样数据
  
  

查看GPU使用情况

• 引入图片
  
  

包文件大小分析

• flutter build apk --analyze-size --target-platform=android-arm64
• 上传 snapshot.arm64-v8a.json 文件
• 文件位置 build/flutter_size_xxx/snapshot.arm64-v8a.json
• 下图列出了打包后文件概览
  
• 分析