javascript - 如何测量绑定(bind)/呈现 View 或指令的时间？

Question

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

我要找一个端到端的时长，包括在JS中花费的时间和浏览器实际渲染的时间；

我知道 Batarang 有助于测量 watch ，但在这里我着眼于大局。

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

我不介意在 AngularJS 源代码中到处插入一些 console.log 来做到这一点。

Answer 1

我可能会因为这样说而名誉扫地 :) 但愿不会 - 但最新的 IE11 开发工具既有用于脚本的分析器，也有用于呈现的 UI 响应选项卡。

使用 IE 进行 Internet 开发有点奇怪，但开发工具非常好 - 它需要一些适应才能从 chrome 切换到 chrome，但它同样有用且性能相当好。

关于配置文件及其使用方法的概述，以及追踪特定应用区域的信息，请访问 http://msdn.microsoft.com/en-us/library/ie/dn255009(v=vs.85).aspx。