Perforator - Ember Performance Extension

Ember.js 应用性能工具。在页面、控制台和开发者工具时间轴中查看性能瓶颈。由 LinkedIn 开发。 注意：您的 Chrome 版本必须不低于 44（以支持 ES6），Ember 版本必须不低于 1.10（以支持组件）。 已知问题：如果异步加载 Ember，计时标签偶尔不会显示。我正在解决这个问题，但如果您想查看它们，可以尝试导航到另一个路由。 Perforator 将帮助您确定 Ember.js 应用的性能瓶颈。启用后，Perforator 会测量 Ember 组件的渲染时间，并提供多种方式供您深入调查各个组件。 主要功能包括： - 在页面浮层中显示组件渲染时间，并按相对速度着色。让您一眼看出哪些组件耗时较长！将鼠标悬停在标签上可显示组件的类和 Ember ID。点击标签可稍微移动它的位置 :) - 在开发者工具控制台中提供可排序的表格，显示有用的渲染统计数据和信息。 - 在开发者工具的“Timeline”标签页中，以可视化层级显示组件的渲染情况（在“Timeline”标签页中向下滚动至“console”行标签）。 浏览器图标和弹出窗口也提供了一些有用的信息： - 页面中存在 Ember 时图标显示为彩色，否则显示为灰色。 - 存在 Ember 时，点击浏览器图标会打开弹出窗口，让您开启或关闭 Perforator（适用于不进行性能调优时），*此操作会刷新页面*。 - 弹出窗口中有一个按钮，可切换页面浮层中计时标签的显示状态。 无需提供个人信息，也不会收集个人信息或向远程服务器发送请求（可以查看代码！）。除 Ember 外，不依赖 jQuery 或任何其他框架。 由 LinkedIn 开发！