如何从 window.performance 获取 XHR/Ajax 资源计时数据？答案

【问题标题】：How do I get XHR/Ajax resource timing data from window.performance?如何从 window.performance 获取 XHR/Ajax 资源计时数据？
【发布时间】：2015-10-28 18:49:34
【问题描述】：

当我在开发人员工具中打开 Firefox“网络”选项卡时，我可以看到我的页面发出的所有请求的计时数据，包括 application/json (XHR) 调用。我希望能够以编程方式获取此时间信息。

在 Selenium 中，我让我的页面完全加载，然后向 window.performance.getEntries() 方法询问所有资源。它给了我很多回报，包括 CSS、javascript 等，但我没有看到对 Firefox 窗口中显示为“json”请求的 RESTful 服务的调用。

由于 Firefox 在开发人员工具的“网络”选项卡中显示它们，我是否可以通过编程方式获取它们？我们的应用是一个不使用 iframe 的 Angular 应用。

【问题讨论】：

标签： performance firefox selenium xmlhttprequest timing

【解决方案1】：

经过一天的谷歌搜索和尝试不同的事情后，我发现了我的问题。感谢this article，我发现我需要将Timing-Allow-Origin: * 添加到所有服务的响应头中。

一旦我这样做了，时间信息就开始出现了。这显然是因为这些服务托管在与我的客户不同的域中。我不明白将标头留在那里的后果，所以我会确保它不会被部署到生产环境中。

【讨论】：