performance NetworkresponseReceived获取响应时间

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

1. 与Chrome浏览器建立远程调试连接。可以使用Chrome DevTools Protocol提供的API或者使用现有的调试工具，如Puppeteer。
2. 注册Network.responseReceived事件的监听器。可以使用Chrome DevTools Protocol中的Network.enable方法来启用网络事件，并使用Network.responseReceived事件来监听请求的响应。
3. 在监听器中获取响应时间。当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获取网络请求的响应时间可能会受到网络情况和服务器响应速度的影响，因此得到的结果可能会有一定的误差。