Javascript 如何计算angular JS应用程序（单页应用程序）的页面加载时间

如何以编程方式计算angular JS（单页应用程序）的页面加载时间？我已经为多页应用程序使用了window.performance.timing，但它对单页应用程序不起作用。有人可以帮助跟踪单页应用程序的页面加载时间吗？请帮助。

我认为您可以通过使用+Chrome开发工具来实现这一点。它将帮助您跟踪应用程序性能

更新，因为OP希望通过编程获得页面加载时间：

一个可能的解决方案可能是针对类似问题提供的解决方案

您只需在加载任何其他脚本之前获取当前日期，并在angular应用程序进入运行阶段后获取日期。然后减去这两个日期，就得到了加载时间

因此，您将有：

<script type="text/javascript">
    var timerStart = Date.now();
</script>

---

没有测试，但它应该可以工作。

我需要以编程方式在上实现：（.Thanx用于回复。我将它们放在我的位置更改成功函数中。var pageLoadTime=Date.now（）-$window.performance.timing.navigationStart；我可以相信这个值是位置更改时的正确加载时间吗？因为我在ajax请求完成之前获得了这些值。这实际上取决于您试图测量的内容。如果您想获得路线更改期间花费的时间，可以收听

$locationChangeStart

和

$locationChangeSuccess

事件并比较这两个日期。我还发现这可能对您的进一步阅读有用。

angular.module('app', []).
    config(function() {
        // some code
    }).
    run(function($window) {
        console.log("Time until reaching run phase: ", Date.now() - $window.timerStart);
    });