使用网络视图

它是什么？

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

如何使用它

当您打开网络页面时，网络流量应该默认记录。如果不是，请单击左上角的恢复按钮开始轮询。

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

搜索和过滤

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

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

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

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

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

筛选器查询示例

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

https s:404

其他资源

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

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