Google chrome devtools 使用JavaScript记录带宽、页面加载和domComtentLoad数据

有没有办法使用Javascript（可能带有扩展名？）将带宽、页面加载和domContentLoad加载时间记录到外部文件中，或者通过ajax根据正在查看的URL记录到外部文件中？

在网络面板中，右键单击网格并选择“使用内容保存HAR”下载HTTP存档文件。您也可以单击“全部复制为HAR”并将其粘贴到文本编辑器中

在HAR输出中，您可以看到JSON格式的请求和响应头

• DOMContentLoaded

  值（毫秒）可以在

  pageTimings

  对象（毫秒）的

  onContentLoad

  属性中看到

• Load

  值（以秒为单位）可以在

  onLoad

  属性（以毫秒为单位）中看到

我怀疑总传输大小和时间是在DevTools中根据HAR中的单个条目计算的。如果需要，您可以通过解析JSON并对相关的头值求和来轻松计算

一个单独的资源示例是上面第一个屏幕截图中显示的

kamalahmed.png

图像下载。它的传输大小为6.2kb，下载时间为21ms

时间

标题为20.601999。。。对应于21毫秒（四舍五入）和

\u transferSize

标题为6336（以字节为单位），大约对应于6.2 KB-可能是一个较小的舍入问题

---

是否要使用JavaScript或让Chrome自动保存HAR文件？@Spencer您可以查看Phantom.js或use的脚本，它使用Chrome Developer Tools->Network选项卡可以选择显示启动器列。有没有办法获取要包含在HAR中的启动器列数据？或者从“网络”选项卡活动中导出“名称”和“初始化器”列？@Spencer如果使用正则表达式/字符串替换来获取结尾，

请求

url

属性将获取名称。

标题

引用

值

将获取启动器，但它不包含行号。这可能是因为行号与HTTP日志文件无关。