Use the Network View

The network view allows you to inspect HTTP, HTTPS, and web socket traffic from your Dart or Flutter application.

Network traffic should be recording by default when you open the Network page. If it is not, click the Resume button in the upper left to begin polling.

Select a network request from the table (left) to view details (right). You can inspect general and timing information about the request, as well as the content of response and request headers and bodies.

You can use the search and filter controls to find a specific request or filter requests out of the request table.

To apply a filter, press the filter button (right of the search bar). You will see a filter dialog pop up:

The filter query syntax is described in the dialog. You can filter network requests by the following keys:

• method, m: this filter corresponds to the value in the "Method" column
• status, s: this filter corresponds to the value in the "Status" column
• type, t: this filter corresponds to the value in the "Type" column

Any text that is not paired with an available filter key will be queried against all categories (method, uri, status, type).

Example filter queries:

my-endpoint m:get t:json s:200

https s:404

To record network traffic on app startup, you can start your app in a paused state, and then begin recording network traffic in DevTools before resuming your app.

1. Start your app in a paused state:
   • flutter run --start-paused ...
   • dart run --pause-isolates-on-start --observe ...
2. Open DevTools from the IDE where you started your app, or from the link that was printed to the command line if you started your app from the CLI.
3. Navigate to the Network screen and ensure that recording has started.
4. Resume your app.
5. The Network profiler will now record all network traffic from your app, including traffic from app startup.

HTTP and HTTPs requests are also surfaced in the Timeline as asynchronous timeline events. Viewing network activity in the timeline can be useful if you want to see how HTTP traffic aligns with other events happening in your app or in the Flutter framework.

To learn how to monitor an app's network traffic and inspect different types of requests using the DevTools, check out a guided Network View tutorial. The tutorial also uses the view to identify network activity that causes poor app performance.

Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2024-04-22. View source or report an issue.