使用 Chrome DevTools Protocol 获取网络请求响应时间

在使用 Chrome DevTools Protocol 中的 Network.responseReceived 事件来获取网络请求的响应时间时，可以按照以下步骤进行操作：

与 Chrome 浏览器建立远程调试连接。可以使用 Chrome DevTools Protocol 提供的 API 或者使用现有的调试工具，如 Puppeteer。
注册 Network.responseReceived 事件的监听器。可以使用 Chrome DevTools Protocol 中的 Network.enable 方法来启用网络事件，并使用 Network.responseReceived 事件来监听请求的响应。
在监听器中获取响应时间。当 Network.responseReceived 事件被触发时，会传递一个响应对象，其中包含了请求的响应时间信息。可以通过该响应对象的 response.timing 属性来获取响应时间。

以下是一个使用 Puppeteer 获取响应时间的示例代码：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com');

  page.on('response', response => {
    const request = response.request();
    const timing = response.timing();
    console.log(`Response time for ${request.url()}: ${timing.receiveHeadersEnd - timing.sendEnd} ms`);
  });

  await browser.close();
})();

在上述代码中，我们使用 Puppeteer 来启动一个浏览器实例，并打开一个网页。然后，我们注册了一个 response 事件的监听器，该监听器会在每个请求的响应接收完毕后被触发。在监听器中，我们获取了请求和响应的信息，包括请求的 URL 和响应的时间信息，并打印出了响应时间。

注意：使用 Chrome DevTools Protocol 获取网络请求的响应时间可能会受到网络情况和服务器响应速度的影响，因此得到的结果可能会有一定的误差。