Perforator - Ember Performance Extension

Perforator - Ember Performance Extension

0.0.4

简介:

Ember.js 应用性能工具。查看性能瓶颈所在的页面、控制台和开发工具时间线。由领英开发。

注意:您的 Chrome 版本必须至少为 44(用于 ES6 支持)并且您的 Ember 版本必须至少为 1.10(用于组件)。

已知问题:如果您异步加载 Ember,时间标签有时不会显示。我正在努力,但如果你想看到它们,你应该能够导航到另一条路线。

Perforator 将帮助您确定 Ember.js 应用程序的性能瓶颈。激活后,Perforator 将为您的 Ember 组件的渲染时间计时,并为您提供多种方式来深入研究各个组件。

主要特点包括:

- 组件渲染时间的页内叠加,按相对速度着色。一目了然是什么用了这么久!将鼠标悬停在选项卡上会显示组件的类和 ember ID。单击标签会稍微移动一下 :)
- 开发工具控制台中有用的渲染统计信息和信息的可排序表。
- 组件在开发工具的“时间轴”选项卡内呈现时的视觉层次结构(向下滚动到“时间轴”选项卡内的“控制台”行标签)。

浏览器图标和弹出窗口也提供了一些有用的信息:

- 当 Ember 出现在页面上时,图标是彩色的,否则是灰度的。
- 当 Ember 出现时,单击浏览器图标会弹出一个窗口,允许您打开和关闭 Perforator(当您不进行性能调整时!),*这将刷新页面*
- 弹出窗口有一个按钮,您可以在页内叠加层上切换计时器标签的可见状态。

不需要或收集任何个人信息,也不会调用远程服务器(检查代码!)。不依赖 jQuery 或 Ember 以外的任何框架。

在 LinkedIn 自豪地开发!


评分:

4.1星(共5星),共7位用户参与评分

使用人数:

273+ 位用户

版本:

0.0.4

大小:

1.03MB

分类:

开发者工具

提供方:

Edelman

支持语言:

美国英语)

更新时间:

2023-03-20 14:12:12

ID:

hfdilejiecmablifdkololalnbbmdcdb