devtools的初步使用

  1. 在Debug下开启devtools
  2. 在浏览器打开

在Debug下开启devtools

开启虚拟设备

在Debug模式下面运行项目,然后点击🔍的按钮,开启devtools

开启select Widget Mode:碰到哪个组件,哪个组件就高亮

刷新按钮:

显示每个组件布局的位置:

显示文字的位置:

在浏览器打开

cmd + shift + p 启动命令,然后搜索Dart: Open。里面有非常多的模式可供选择。选择in Browser

这里面的结构和vscode里面的结构是一样的:

×

喜欢就点赞,疼爱就打赏