LOADING

Angular Gauntlets

Angular Gauntlets1.2.3

添加快捷方式以轻松调试 Angular 应用程序。 Angular Gauntlets 可帮助您把手弄脏。它使您的 Angular 应用程序的组件和提供程序可以通过单击 Chrome DevTools 元素面板中的元素来访问。如何?只需单击 DevTools 元素面板中的 DOM 元素,在控制台中输入以下关键字之

官方版无广告29

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

9.55KB 0 人已下载 手机查看

简介:
添加快捷方式以轻松调试 Angular 应用程序。 Angular Gauntlets 可帮助您把手弄脏。它使您的 Angular 应用程序的组件和提供程序可以通过单击 Chrome DevTools 元素面板中的元素来访问。如何?只需单击 DevTools 元素面板中的 DOM 元素,在控制台中输入以下关键字之一,我们就可以开始了! – $component:单击引用 Angular 组件的 DOM 元素以访问其实例并使用它。 – $context: 显示一个 DOM 元素上下文,可以是它的父 Angular 组件,一个 ngFor 行等。 – $scope:等于 Angular 组件上的 $component 或子元素上的 $context。用于 Angular 的 AngularJS Batarang 的最佳替代品。 – $providers:获取在您的 Angular 应用程序中实例化的所有提供程序的列表并使用它们(Angular 9 不支持)。 – $detectChanges():触发 Angular 更改检测以应用您的更改。 – log$(obs): 记录给定 observable 的第一个值。额外的一点:您可以在 DevTools 元素面板的 Angular 选项卡中查看所有这些信息。在元素之间切换将立即刷新数据。

相关资源

jQuery-cache
Replace jQuery in site with local file to speed up page load.Replace jQuery file in the page with local cached file to speed up page load.Besides, due to the
SocketLog
SocketLog是FirePHP和ChromePHP的替代者,不仅能做ajax调试,还能做API调试。SocketLog是FirePHP和ChromePHP的替代者,不仅能做ajax调试,还能做API调试,正在运行的API有bug,不能var_dump进行调试,因为会影响client的调用。这时候用Socket
Open In IntelliJ
在 IntelliJ IDE(Webstorm、PHPStorm 等)中从 Chrome Devtools 打开文件这是一个开发工具扩展,可以直接在 IntelliJ IDE(IntelliJ IDEA、WebStorm、PHPStorm 等)中打开 Javascript 或 CSS 文件等资源有关安装说明、故障
Local-CORS
通过设置“Access-Control-Allow-Origin: *”标头,允许从本地主机向任何 API 发出 CORS 请求此扩展旨在供需要针对不允许本地主机 CORS 请求的远程 API 从本地计算机测试 UI 更改的 Web 开发人员使用。在启用此扩展之前,请确保您了解 CORS 的工作原理 (https
HTML to React
单击一下将 HTML 元素转换为 React HTML to React 是一个扩展,可帮助您将任何网站元素转换为 React 组件。它分析 HTML 语义、CSS 样式表并将选定的 DOM 元素编译成 JSX 代码。它处于公开测试阶段,所以期待更多功能即将推出!
Motion DevTools
检查、编辑和导出使用 CSS 和 Motion One 制作的动画。 Motion DevTools 是一个浏览器扩展,用于检查、编辑和导出使用 CSS 和 Motion One 制作的动画。 ? 检查:按下记录并进行交互。检测到的 CSS 和 Motion One 动画将绘制在经典的时间轴界面上。使用播放控件

暂无评论

暂无评论...