chrome 开发者工具 - 如何在页面加载完成后让网络选项卡停止计时？

Question

我正在使用 Chrome 开发工具中的网络标签来分析我的页面的加载方式。

在加载 DOM 后显示一条蓝线，然后在页面完成加载（所有广告等）后显示一条红线。

但是，显然有 AJAX 请求在后台继续周期性地发生，然后网络选项卡不断对这些请求进行计时 - 结果是随着规模的不断增加，初始页面加载的粒度和细节会丢失。

DOM 通常在 1 秒内加载，页面通常在 8 秒内完成加载，在最初的几秒内有许多资源需要仔细检查，但网络选项卡会跟踪 1 分钟和 3 分钟发生的事件以及 8 分钟等，这导致 99% 的水平空间专门用于跟踪我不关心的事情，而我关心的事情的 99% 被压缩成大约 1 个水平像素。

我希望网络标签在到达红线后停止计时。

Answer 1

右上角有一个按钮，工具提示为Record Network Log。如果此按钮为红色，则录制将继续。要停止录制，请按此按钮并将其切换为灰色。等到看到红线表示页面加载完成，然后点击按钮停止记录网络事件。