使用网络视图

网络视图允许您检查来自 Dart 或 Flutter 应用程序的 HTTP、HTTPS 和 Web Socket 流量。

当您打开“网络”页面时，默认情况下应记录网络流量。如果未记录，请单击左上角的“恢复”按钮开始轮询。

从表格（左侧）中选择一个网络请求以查看详细信息（右侧）。您可以检查有关请求的一般信息和时间信息，以及响应和请求标头和正文的内容。

您可以使用搜索和筛选控件查找特定请求或从请求表中筛选出请求。

要应用筛选器，请按筛选器按钮（搜索栏右侧）。您将看到一个筛选器对话框弹出

筛选器查询语法在对话框中进行了描述。您可以按以下键筛选网络请求

• method、m：此筛选器对应于“方法”列中的值
• status、s：此筛选器对应于“状态”列中的值
• type、t：此筛选器对应于“类型”列中的值

任何未与可用筛选器键配对的文本都将针对所有类别（方法、uri、状态、类型）进行查询。

示例筛选器查询

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

https s:404

要在应用启动时记录网络流量，您可以使应用处于暂停状态启动，然后在恢复应用之前开始在 DevTools 中记录网络流量。

1. 使应用处于暂停状态启动
   • flutter run --start-paused ...
   • dart run --pause-isolates-on-start --observe ...
2. 从您启动应用的 IDE 中打开 DevTools，或者如果您从 CLI 启动应用，则从打印到命令行的链接中打开。
3. 导航到“网络”屏幕并确保已开始记录。
4. 恢复您的应用。
5. 网络分析器现在将记录来自您应用的所有网络流量，包括来自应用启动的流量。

HTTP 和 HTTPS 请求也作为异步时间线事件在时间线中显示。如果您想了解 HTTP 流量如何与应用或 Flutter 框架中发生的其它事件保持一致，则查看时间线中的网络活动会很有用。

要了解如何使用 DevTools 监控应用的网络流量并检查不同类型的请求，请查看指导性的网络视图教程。本教程还使用该视图识别导致应用性能下降的网络活动。

除非另有说明，否则本网站上的文档反映了 Flutter 的最新稳定版本。页面上次更新于 2024-04-22。 查看源代码 或 报告问题.