Chrome开发工具：如何计算加载弹出窗口并在页面上显示所需的总时间？

Question

所以我有一个页面，在页面上我有一个图标。单击该图标，弹出窗口将加载通过RESTful服务获取的数据。

我想计算用户点击弹出窗口时完全显示弹出窗口所需的确切时间。

我认为我们可以使用chrome dev工具来完成它，但是网络选项卡只能提供单独的项目加载时间。如何获得所有项目的总加载时间？

我还使用了一个名为页面加载时间的chrome扩展名，但正如其名称所示，它只是给我总的PAGE加载时间。我的弹出窗口需要相同的内容，我无法将弹出窗口隔离为新的html页面并对其进行测试。

有什么想法吗？

Answer 1

你是在里面做的。

您无法计算请求的执行时间，因为用户的互联网速度不同，加上它通过互联网线传输的物理信号（几乎是随机时间）。

您必须使用在请求结束时调用的回调函数。

如果使用Ajax，它将是这样的：

$.ajax({
    url: 'http://restful.com/getItem',
    type: 'post',
    success: function (data) {
         // Do something when you get response. "Data" contains server response.
    }
});