devtools-usage.md

Debugging and inspecting Flutter apps with DevTools

DevTools is a suite of performance and debugging tools for Dart and Flutter.

DevTools is already integrated with the flutter-tizen tool. To open it, first start your app in either debug or profile mode:

# Start in debug mode
$ flutter-tizen run

# Start in profile mode
$ flutter-tizen run --profile

Once the app launches, you will see a message in your terminal that looks like:

Flutter DevTools, a Flutter debugger and profiler, on Tizen SM-R800 is available at:
http://127.0.0.1:9100?uri=http%3A%2F%2F127.0.0.1%3A...

Open your browser and navigate to the URL, then you will see a page that looks like:

Debugger

You will see the Debugger tab enabled in DevTools after starting your app in debug mode (flutter-tizen run). Although the flutter-tizen tool is not natively integrated with existing IDEs like Android Studio and VS Code, this tab provides you with source-level debugging experience with support for breakpoints, stepping, and variable inspection.

Tip: To set breakpoints before any code execution, use programmatic breakpoints or run with the --start-paused option:

flutter-tizen run --start-paused

For detailed usage of the debugger, see Flutter Docs: Using the debugger.

Performance view

To diagnose performance issues (frame drops) in a Flutter app, you need to run the app in profile mode:

flutter-tizen run --profile

Once the app launches, navigate to the Performance tab in DevTools.

For more information on this view, see Flutter Docs: Using the Performance view.

Other resources

There are also other things that you can do with DevTools:

• Flutter Inspector: Inspecting the UI layout and state of a Flutter app
• CPU Profiler: CPU profiling for a Flutter app
• Memory: Debugging memory issues in a Flutter app
• Network: Network profiling for a Flutter app
• App Size: Analyzing code and app size

You might also find these Flutter docs useful:

• Debugging Flutter apps
• Flutter performance profiling
• Performance best practices