十大网页开发者必备扩展程序

目录

ColorZilla

Whatfont

企业 Ipusom

瓦帕利泽

网站开发人员检查清单

CSSViewr

JSON查看器

可乐代码

React 开发者工具

预兆

结论

由于我现在的网络连接速度极慢，根本无法进行任何编程工作。你甚至无法搜索到简单的错误信息并找到结果。好吧，也许要过个二十分钟左右才能找到 :) 即使你不是我，这种情况也令人恼火。因此，我会努力提高效率，在本周的下一篇文章中介绍一些我觉得很有用的扩展程序。即使你是 UX/UI 开发人员/设计师，这些扩展程序也会对你有所帮助。

现在，当你开发应用程序、修复漏洞等等的时候，这些工具会非常实用。每个小标题后面都附有简短的章节，以免让你感到枯燥，同时又能让你读完整篇文章。

切中要点 :)

目录

• ColorZilla

• Whatfont

• 企业 Ipusom

• 瓦帕利泽

• 网站开发人员检查清单

• CSS查看器

• JSON查看器

• 可乐代码

• React 开发者工具

• 预兆

ColorZilla

对于开发者来说，这是处理颜色的最佳选择。它拥有超过 500 万次的下载量和 130 万用户，使用起来非常简单。只需点击它，将鼠标悬停在想要复制的颜色上，即可将其复制到剪贴板。它还包含调色板查看器、渐变生成器和颜色选择历史记录功能。

Whatfont

Whatfont 本质上就是字体版的 Colorzilla，使用起来极其简单。只需点击它，将鼠标悬停在想要识别的字体上，即可轻松找到。与其他复杂的字体识别程序（例如 WhatTheFont）不同，Whatfont 非常灵活。

企业 Ipusom

一个方便的工具，可以生成 lorem ipsum 文本。您可以按单词或段落筛选内容。您甚至可以指定要生成的单词数量。使用方法很简单，只需指定所需的单词数量，然后点击“复制”即可。

瓦帕利泽

它是目前最流行的扩展程序之一。每个程序员都用它来识别正在浏览的网站所使用的技术。这款实用工具由Elbert Alias于2009年开发，可以检测超过1000种技术（框架、电子商务、编程语言、搜索引擎等等）。

网站开发人员检查清单

名字已经很清楚地说明了它的功能，不是吗？:) 它会检查你的网页是否存在任何网页设计违规、是否符合最佳实践、是否易于使用以及是否易于访问。它是这份清单上最好的工具。不妨试试看。

CSSViewr

这是一个非常棒的 CSS 编码工具。它提供了开发者所需的所有 CSS 信息。它有一个面板，当您将鼠标悬停在某个部分时，面板会显示该部分的详细信息，包括字体、颜色、背景框、属性和定位。

JSON查看器

一个简单而实用的工具，用于在浏览器中显示 JSON/JSONP 文件。它还提供以下附加功能：

• 可点击的网址（可选）
• 可折叠节点
• 27 个内置主题

它也是开源的。点击此处了解更多信息。

可乐代码

它允许您查看正在开发的应用程序的源代码。此外，它还提供了一个易于使用的编辑器，方便您随时编辑和分享 CSS 代码。

React 开发者工具

我不能漏掉它，对吧？它是由 React 团队开发的。它提供了丰富的用户界面，可以让你检测 React 应用中的事件流。你可以检查 React 组件的属性和状态，甚至可以修改它们，并在组件树中查看更改。

预兆

它类似于 Angular 的 React 开发者工具。它用于调试、分析和优化 Angular 项目。它在开发者工具中提供了一个丰富的用户界面，您可以在其中：

• 编辑和更改组件中的属性
• 请查看组件的依赖注入树状图

结论

我的清单到此结束。如果你喜欢这篇文章，请点赞。祝你今天过得愉快，感谢阅读 :)