你应该知道的10个Chrome扩展程序

是我的最爱，也是我的 DevTool 扩展首选。

Augury 是由 Rangle.io 构建的 DevTool 扩展，用于调试、分析和优化 Angular 项目。

Augury 在 DevTools 中提供了丰富的 UI，你可以在其中：

• 查看组件的 DI 树图
• 编辑和更改组件中的属性
• 发射事件
• 还有更多功能……

当我想了解组件的变更检测触发器可以进入组件树多深时，我觉得这款工具是很有用的。

如果你是 Angular 开发人员，并且没有在 DevTools 中使用过 Augury，这次可不要错过它了。当你要直接从浏览器调试 Angular 应用程序时，Angury 就是你需要的一切。

 

可以将 React Developer Tools 视为“React 版的 Angury”。

这是 React 团队开发的，很棒的开发工具。

就像 Augury 一样，React Developer Tools 提供了一个内容丰富的 UI，我们可以在其中监控 React 组件中的事件流。你可以检查 React 组件的 props 和状态，随意更改 props 和状态，并查看在组件树中是如何更改和传播的。

我经常使用的一项很酷的功能是高亮显示重渲染的组件。

 

ibrary Sniffer

我经常会在浏览一些网页的时候想知道这个网页是用哪个框架构建的，以及它所使用的是哪些库。

对于有和我一样的需求的开发者，Library Sniffer 绝对是一个绝佳的选择。这款工具将为你提供网页上的详细信息，Library Sniffer 会告诉你，你正在浏览的网页到底是运行在哪个框架上，是 React、Angular、Vue、Svelte 还是 Wordpress 等等。有的时候你肯定想知道这些，就像我一样。

（编辑：保山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!