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

Question

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

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

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

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

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

Answer 1

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