javascript - Chrome开发工具: How to calculate the total time required to load a popup and display it on a page?

Question

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

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

我认为我们可以使用 Chrome 开发工具来做到这一点，但其中的网络选项卡只提供单个项目的加载时间。如何获得其中所有项目的总加载时间？

我还使用了一个名为页面加载时间的 Chrome 扩展，但顾名思义，它只是给出了总的页面加载时间。我的弹出窗口需要相同的内容，但我无法将弹出窗口隔离为新的 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.
    }
});