javascript - PJAX 请求完成并下载资源后回调

Question

我的一个应用程序使用 PJAX 样式导航，这意味着我们不是加载整个页面，而是使用 AJAX 加载部分页面，然后使用 HTML5 history/pushState API 更新浏览历史记录。

以前我使用 window.onload 事件来测量最终用户页面加载时间，我希望能够用 PJAX 页面加载记录这些时间，问题是这个事件没有PJAX 加载后触发。

我可以访问一个 pjax:end 事件，该事件在 PJAX 请求完成后触发，但在所有 Assets 完成下载之前触发。我希望能够检测下载页面所需的完整时间，包括下载额外(图像/脚本) Assets 的时间。

这可能吗？是否缺少回调或一些魔法可以让我测量完整的请求时间？

Answer 1

我意识到我只需要等待图像(而不是脚本)。一位 friend 向我指出了这个 jQuery 插件:https://github.com/alexanderdickson/waitForImages

我正在使用这段代码来触发 onload 事件:

$('#main-inner').waitForImages(function() {
  window.onload();
});