☰

Chrome Dev Tools：自动开启网络录制

tag-icon • tag-icon google-chrome web-development
Chrome Dev Tools：自动开启网络录制

我希望在开发网页时就已经打开网络记录，这样当我打开 Chrome Dev Tools 时，它已经有了信息，而无需重新加载。

目前，如果我在页面加载后打开网络面板，它会显示以下消息：

                              Recording Network Activity... 

                   Perform a request or hit F5 to record the reload.

答案1

开发者工具需要打开后才能录制任何内容。在打开之前，开发者工具无法开始录制。

如果您想记录首次访问页面时的网络活动：

  1. 打开一个空白标签（about:blank）
  2. 打开开发者工具（如果需要，可以清除以前的网络记录）
  3. 访问你想要录制的页面

答案2

编辑。可惜这个答案不再适用于 Chrome 74 或更新版本...

QualityUnit 的工作人员针对此问题发布了一个非常巧妙的解决方案：

启动 Chrome 并chrome://net-internals/#events在地址栏中输入。这会将标签页变为事件监视器它记录了 Chrome 浏览器中发生的许多事情，包括网络请求等。只要您在同一个 Chrome 中启动新选项卡，此监控选项卡就会立即获得请求的信息。它记录了 GET 和 POST 请求主体等详细信息。

来源：QualityUnit：如何读取 Chrome 中新标签页或弹出窗口的网络请求

例子：图像

相关内容