使用网络视图 (Network View)

网络视图是什么?

你可以通过网络视图检查来自 Dart 或 Flutter 应用程序的 HTTP、HTTPS 和 web socket 的网络流量情况。

Screenshot of the network screen

如何使用

当你打开网络页时,网络流量应该是默认记录的。如果没有记录,请点击左上方的 Resume 按钮,开始记录网络流量情况。

从表格中选中一个网络请求(左边)来查看请求细节(右边)。你可以检查关于请求的常规信息和时间信息,包含响应内容、请求标头、请求体。

搜索和过滤

你可以使用搜索和过滤来寻找一个特定的请求,或者单独在请求表中过滤请求。

Screenshot of the network screen

要使用过滤器,请点击过滤器按钮(搜索栏右边)。你会看见一个过滤查询对话框弹出:

Screenshot of the network screen

过滤查询的语法在对话框中描述。你可以通过以下语法关键词来过滤网络请求:

  • methodm:该关键词对应过滤 “Method” 列中的值

  • statuss:该关键词对应过滤 “Status” 列中的值

  • typet:该关键词对应过滤 “Type” 列中的值

任何没有与可用的语法关键词对应的文本将会查询所有类别 (method、uri、status、type)。

过滤器查询示例:

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

其他信息

HTTP 和 HTTPs 请求也作为异步时间线事件出现在 时间线 (Timeline) 中。如果你想了解 HTTP 流量情况与应用程序或 Flutter 框架中发生的其他事件是否一致,这种情况下在时间线中查看网络活动是很有用的。

要学习如何使用 DevTools 监控应用程序的网络流量以及检查不同类型的请求,请查阅 网络视图教程。该教程还使用网络视图来识别导致应用程序性能不佳的网络活动。