Beginning Flutter Debugging

Sep 29 2022 Dart 2.18, Flutter 3.3, Visual Studio Code / Android Studio

Part 1: Beginning Flutter Debugging

7. Get a Tour of Dart DevTools

Episode complete

Play next episode

Next
Save for later
About this episode
See versions
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 6. Debug with Android Studio Next episode: 8. Debug Common Layout Issues

DevTools was opened on a different browser and the base url was copied and pasted in Firefox. The original url had some parameters which were unintentionally left out. The correct url should be something like this: http://127.0.0.1:9101/#/?hide=debugger&ide=VSCode. So take note of this if you intend copying the url to another browser. The student materials have been reviewed and are updated as of SEPTEMBER 2022.

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a kodeco.com Professional subscription.

Unlock Now

Dart Devtools is a tool that provides different utilities for debugging and monitoring our apps. It runs in a browser and also inside VSCode and Android Studio thanks to the Flutter plugin.

import 'dart:developer' as dev;

...
onTapped: () {
  // After setstate()
...
  dev.log("Some long message");