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

Chrome dev tools: How to calculate the total time required to load a popup and display it on a page?

本文关键字：显示 时间 窗口 何计算 开发工具 计算 加载 Chrome      更新时间：2023-09-26

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

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

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

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

有什么想法吗？

你正在从内到外做这件事。

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

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

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

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