Javascript 如何测量绑定/呈现视图或指令的时间?

Javascript 如何测量绑定/呈现视图或指令的时间?,javascript,angularjs,Javascript,Angularjs,我有一个包含两个指令的视图。我想知道更新/绑定/显示每个部分(视图、第一个指令和另一个指令)需要多少时间 我正在寻找一个端到端的持续时间,包括在JS中花费的时间和实际的浏览器渲染时间 我知道巴塔朗有助于测量手表,但这里我看的是更大的情况 在Chrome中,我启动了一个CPU配置文件并点击刷新。在Flame图表视图中,我看到scope.$digest花费了91毫秒。但这是包括指令在内的整个视图,对吗?这是否包括浏览器渲染时间 我不介意在AngularJS源代码中插入一些控制台。log来实现这一点。

我有一个包含两个指令的视图。我想知道更新/绑定/显示每个部分(视图、第一个指令和另一个指令)需要多少时间

我正在寻找一个端到端的持续时间,包括在JS中花费的时间和实际的浏览器渲染时间

我知道巴塔朗有助于测量
手表
,但这里我看的是更大的情况

在Chrome中,我启动了一个CPU配置文件并点击刷新。在Flame图表视图中,我看到
scope.$digest
花费了91毫秒。但这是包括指令在内的整个视图,对吗?这是否包括浏览器渲染时间


我不介意在AngularJS源代码中插入一些
控制台。log
来实现这一点。

我不知道它是否能帮助您解决实际问题,但Batarang(AngularJS的chrome扩展)确实能帮到您测量AngularJS的性能。 像这样:


您可以在这里找到它:

我可能会因为这样说而失去声誉:)但愿不会——但最新的IE11开发工具既有用于脚本的探查器,也有用于呈现的UI响应选项卡

在internet开发中使用IE有点奇怪,但是开发工具真的很好——从chrome转换过来需要一些调整,但它同样有用,性能也相当好


我已经提到了Batarang,在

中可以看到该配置文件的概述以及如何使用它,以及跟踪特定的应用程序领域。我不认为这是我需要的。我应该把你的描述读得更清楚。很抱歉。