射孔器 余烬性能扩展。「Perforator Ember Performance Extension」 crx插件

安博。js应用性能工具。在页面、控制台和devtools时间轴上查看性能瓶颈。由LinkedIn。 注意:您的Chrome版本必须至少为44(对于ES6支持),而您的Ember版本必须至少为1.10(对于组件)。 已知问题:如果异步加载Ember,则有时不会显示时间标签。 我正在努力,但是如果您想看到它们,则应该可以导航到另一条路线。 Perforator将帮助您确定Ember.js应用程序的性能瓶颈。 激活后,Perforator会计时您的Ember组件的渲染时间,并为您提供几种方法来研究单个组件。 主要功能包括:-组件的渲染时间的页面内覆盖,以相对速度着色。 一目了然,花了这么长时间! 将鼠标悬停在选项卡上会显示组件的类和余烬ID。 单击该标记可以使它显得有点:)-可在开发工具控制台中对有用的渲染统计信息和信息进行排序的表。 -在开发工具的“时间轴”选项卡中呈现的组件的可视层次结构(向下滚动到“时间线”选项卡中的“控制台”行标签)。 浏览器图标和弹出窗口也提供了一些有用的信息:-页面上显示Ember时,图标为彩色,否则为灰度。 -出现Ember时,单击浏览器图标将弹出一个弹出窗口,您可以打开或关闭Perforator(用于不进行性能调整的情况!),*将刷新页面*-弹出窗口带有一个按钮让您在页面内重叠式广告上切换计时器代码的可见状态。 不需要或不收集任何个人信息,也不会呼叫远程服务器(请检查代码!)。 除Ember外,不依赖jQuery或任何框架。 自豪地在LinkedIn上开发! 支持语言:English (United States)