LOADING

Angular DevTools

Angular DevTools1.0.6

Angular DevTools 扩展了 Chrome DevTools,添加了 Angular 特定的调试和分析功能。您可以使用 Angular DevTools 了解应用程序的结构并查看指令和组件实例的状态。要深入了解应用程序的执行情况,您可以使用分析器选项卡,它会向您显示各个变更检测周期、触发它们的原因以及

官方版无广告84

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

2.21MB 5 人已下载

简介:
Angular DevTools 扩展了 Chrome DevTools,添加了 Angular 特定的调试和分析功能。您可以使用 Angular DevTools 了解应用程序的结构并查看指令和组件实例的状态。要深入了解应用程序的执行情况,您可以使用分析器选项卡,它会向您显示各个变更检测周期、触发它们的原因以及 Angular 在其中花费了多少时间。

相关资源

Simple Ruler
一个非常简单的尺子来检查你的网页,没有广告,没有秘密,只是一个尺子。检查组件的尺寸比打开开发工具并检查组件的大小更容易。使用简单的标尺扩展,您只需单击并将鼠标移到组件上即可查看宽度和高度。
Squint
模糊页面上的内容。模糊页面上的内容以快速衡量元素的接近度、对齐方式和对比度。正在为您的网站寻找新的网络字体?这个扩展将使判断给定字体中文本主体的整体外观变得容易。您不再需要离开座位,从房间对面查看您的设计。
Validity
单击地址栏中的图标或 pss Alt+Shift+V 以验证当前页面。结果可以在 Chrome 的 JS 控制台中看到。有效性可用于从工具栏快速验证您的 HTML 文档。只需单击工具栏中的图标即可在不离开页面的情况下验证当前文档。验证错误的数量可以在工具提示中看到,详细信息可以在 Chrome 开发者工具的控制台
Site DOM Tree
快速分析一个网站的DOM树使用 Highcharts.js 在图表中快速查看任何网站的 DOM 树。还显示节点元素的数量和每个元素的深度。
QuickGrid
在任何页面上叠加网格以帮助设计像素完美的网站。代码可以在:https://github.com/rmartinez93/QuickGrid此扩展程序在任何页面上覆盖一个网格,以帮助您设计像素完美对齐的网站。尽管有叠加层,所有悬停和点击事件都继续按预期运行,让您可以看到任何事件如何影响对齐。这个工具可以免费使用,并
Dev extensions reload
重新加载启用的开发扩展扩展开发人员的扩展。在任何选项卡上使用快捷方式(默认情况下为 Alt-Z)或上下文菜单来重新加载已启用的解压扩展。优点: - 使用上下文菜单或快捷方式快速重新加载(默认情况下为 Alt-Z,但您可以更改。有关说明,请参阅选项页面) - 仅重新加载启用的扩展- 如果选项页面打开也重新启动它-

暂无评论

暂无评论...