javascript - 我可以通过编程方式获取 Chrome Devtools 性能信息吗？

Question

我喜欢 chrome devtools 性能选项卡信息，但我希望能够在自动化功能测试期间记录性能配置文件。我可以执行 javascript 来获取初始加载性能数据 (window.performance)，而我正在寻找的是想要获取性能配置文件信息的东西。简单的事情，例如网络通话的持续时间和配置文件摘要。

类似于:

events =[
  { type: Network request,
    URL: someURL,
    Duration: 431.43 ms,
    Request Method: POST,
    Priority: High,
    Mime Type: application/json,
    Encoded Data: 544 B,
    Decoded Body: 50 B,
    Initiator: JavascriptInsert.js:49
  },
  {
    type: Network request,
    URL: someOtherURL,
    Duration: 81.50 ms,
    Request Method: POST,
    Priority: High,
    Mime Type: text/plain,
    Encoded Data: 260 B,
    Initiator: angular.js:10514  
  }
]

和

summary= {
  Loading: 2.5ms,
  Scripting: 587.6ms,
  Rendering: 77.6ms,
  Painting: 52.5ms,
  Other: 109.3ms,
  Idle: 3040.1ms
}

Answer 1

网络通话的持续时间和类似的详细信息可在 window.performance interface 中找到。以及。您可以使用 performance.getEntriesByType("resource")获取您页面发出的所有请求的条目。