Super cool debugging tool →The Dart Dev Tool ♛

Hitesh Dhamshaniya
2 min readJul 19, 2020

--

It is fantastic and informative debug tool for flutter developer.

Screenshot is taken from my system

The Dart DevTool is the complete box to debug Flutter application.

In this post, we will see The Dart DevTool different components.

From the above screen-shot, we can see there are following different components.

Flutter Inspector

TimeLine

Memory

Performance

Debugger

Network (my favourite, as debugging network calls using console logs is quite cumbersome)

Logging

→Flutter Inspector

In this debug, components developer can see the widget tree.

Flutter Inspector → Details Tree | Layout Explorer

As we see in the above screenshot we can see Flutter inspector components, there is two subcomponent Details Tree and Layout Explorer. It is useful to get a mistake we did while creating an application, furthermore, It provides a solution for the problem as well.

→TimeLine

TimeLine → Performance Overlay | Track Widget Builds

→Memory

Memory → Source: Live Feed | Android Memory

→Performance

Performance: Profile | Records | Stop | Clear

→Debugger

Debugger

→Network

Network → Hearder | Timing

The only thing I do not like about networking is that I can not copy the request URL, param or anything. May be #TheDartDevTool will resolve that issue in a near-future 🤞 release.

→Logging

Logging → Filter | Show structured errors

There is more informative youTube video from

Which component of Dart DevTools you most like, would you please write in comments.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Hitesh Dhamshaniya
Hitesh Dhamshaniya

No responses yet

Write a response