DevTools 2.8.0 release notes

Dart & Flutter DevTools - A Suite of Performance Tools for Dart and Flutter

General Updates

  • Improvements for initial page load time - #3325
  • Performance improvements for connecting DevTools to a device, particularly impactful for low-memory devices - #3468
  • For users on Flutter 2.8.0 or greater (or Dart 2.15.0 or greater), DevTools should now be launched via the dart devtools command instead of running pub global activate devtools. DevTools 2.8.0 will be the last version of DevTools shipped on pub, and all future versions of DevTools will be shipped as part of the Dart SDK. If you see this warning, be sure to open DevTools via dart devtools instead of from pub:

alt_text

Performance Updates

  • Added a new “Enhance Tracing” feature to help users diagnose UI jank stemming from expensive Build, Layout, and Paint operations.

alt_text

The expected workflow is as such:

  1. User is investigating UI jank in the performance page
  2. User notices a long Build, Layout, and/or Paint event
  3. User turns on the respective tracking toggle in the “Enhance Tracing” feature
  4. User reproduces the UI jank in their app
  5. User looks at the new set of Timeline events, which should now have additional child events for widgets built, render objects laid out, and/or render objects painted

alt_text

  • Added new “More debugging options” feature to allow for disabling rendering layers for Clip, Opacity, and Physical Shapes.

alt_text

The expected workflow is as such:

  1. User is investigating UI jank in the performance page
  2. User notices a lot of janky frames and suspects it could be due to excessive use of clipping, opacity, or physical shapes.
  3. User turns off the respective render layer toggle in the “More debugging options” feature
  4. User reproduces the UI jank in their app
  5. If the UI jank is reduced with a rendering layer turned off, the user should try to optimize their app to use less clipping/opacity/physical shape effects. If the UI jank is not reduced, the user now knows that the performance problem is not due to these UI effects.

Debugger Updates

  • Replaced the “Libraries” pane with a “File Explorer” pane - #3448. The “File Explorer” pane has two components:
  1. A tree view of the libraries present in your application. You can use the File Explorer to find and open a library, or you can use the existing Ctrl/Cmd + P keyboard shortcut to search for a file.
  2. A new “Outline” view that shows the structure of the selected library. This view will show classes, members, methods, etc., and when an item is selected, the source view will jump to the respective line of code for the selected item.

alt_text

  • Performance improvements to expression evaluation auto complete - #3463
  • Fixed a bug with keyboard shortcuts - #3458
  • UI polish - #3421, #3449

Changelog

More details about changes and fixes are available in our changelog.