LOADING

Perforator - Ember Performance Extension

Perforator - Ember Performance Extension0.0.4

Ember.js 应用性能工具。查看性能瓶颈所在的页面、控制台和开发工具时间线。由领英开发。注意:您的 Chrome 版本必须至少为 44(用于 ES6 支持)并且您的 Ember 版本必须至少为 1.10(用于组件)。已知问题:如果您异步加载 Ember,时间标签有时不会显示。我正在努力,但如果你想看到它们,你

官方版无广告43

更新日期:2021年 8月 29日分类标签:语言:中文平台:

1.03MB 0 人已下载 手机查看

简介:
Ember.js 应用性能工具。查看性能瓶颈所在的页面、控制台和开发工具时间线。由领英开发。注意:您的 Chrome 版本必须至少为 44(用于 ES6 支持)并且您的 Ember 版本必须至少为 1.10(用于组件)。已知问题:如果您异步加载 Ember,时间标签有时不会显示。我正在努力,但如果你想看到它们,你应该能够导航到另一条路线。 Perforator 将帮助您确定 Ember.js 应用程序的性能瓶颈。激活后,Perforator 将为您的 Ember 组件的渲染时间计时,并为您提供多种方式来深入研究各个组件。主要特点包括: - 组件渲染时间的页内叠加,按相对速度着色。一目了然是什么用了这么久!将鼠标悬停在选项卡上会显示组件的类和 ember ID。单击标签会稍微移动一下 🙂 - 开发工具控制台中有用的渲染统计信息和信息的可排序表。 - 组件在开发工具的“时间轴”选项卡内呈现时的视觉层次结构(向下滚动到“时间轴”选项卡内的“控制台”行标签)。浏览器图标和弹出窗口也提供了一些有用的信息: - 当 Ember 出现在页面上时,图标是彩色的,否则是灰度的。 - 当 Ember 出现时,单击浏览器图标会弹出一个窗口,允许您打开和关闭 Perforator(当您不进行性能调整时!),*这将刷新页面* - 弹出窗口有一个按钮,您可以在页内叠加层上切换计时器标签的可见状态。不需要或收集任何个人信息,也不会调用远程服务器(检查代码!)。不依赖 jQuery 或 Ember 以外的任何框架。在 LinkedIn 自豪地开发!

相关资源

Web Tracing Framework
用于检测、分析和可视化 Web 应用程序的丰富工具。让您的应用程序以 60fps 的速度无卡顿! Web Tracing Framework 是一组库、工具和脚本,旨在帮助 Web 开发人员尝试编写大型、性能敏感的 Javascript 应用程序。它旨在与浏览器的内置开发工具结合使用,但远远超出了它们通常支持的范
Screen Capturing
这个 WebRTC 屏幕捕获扩展可以在任何 WebRTC 库/应用程序中使用! Appinux A/S 的屏幕共享开发工具
Template Cloner
一个简单的应用程序,它捕获具有 CSS 属性的模板Template Cloner 是我的第一个 Stack-a-thon 项目,专为希望了解模板的 CSS 属性和标签的 Web 开发人员而设计。您可以将带有 CSS 属性的模板复制到剪贴板中,或者在 codepen.io 上查看它的外观如果您有什么想建议的,请随时
JoyProxy
JoyProxy JoyProxy - 用于管理代理设置的 chrome 扩展。您可以添加自己的代理服务器并仅为您的自定义域使用代理还可以更改默认浏览器的用户代理贡献分叉它(https://github.com/sh0cked/joy-proxy/fork)创建您的功能分支(git checkout -b fea
Remove Element From Dom
从当前页面的 DOM 中轻松删除元素,包括标签、ID 和类。只需输入要删除的选择元素、数量并观看该元素神奇地删除!快速查看删除某些内容后页面的外观。
WebP and AVIF Highlighter
使 WebP 和 AVIF 在网页上可识别。在正常浏览期间突出显示 WebP 图像的 Chrome 扩展。图像被虚线边框包围。颜色取决于类型: - 绿色表示简单有损(没有扩展) - 粉红色表示简单无损(没有扩展) - 红色用于扩展(可以包含透明度、动画、颜色配置文件...)将鼠标悬停在图像上时,将显示质量/url

暂无评论

暂无评论...