就在最近，我们发布了一篇关于面向开发人员和设计师的 12 个 Google Chrome 扩展程序的帖子，其中一些扩展程序在Firefox 上可用 这里就不重复了
同样，下面列出的一些扩展程序在Chrome上可用，因此请将此类应用视为各个浏览器的奖励。
1。 HTML 验证器
HTML Validator 运行您的代码以确保它遵循HTML 标准约定。它在工具栏的图标上显示它看到的错误数。
HTML Validator Firefox Addon
2。八叉树
作为一名开发人员，我时不时地浏览GitHub上的几个代码页，以查看其他开发人员如何解决某些问题.如果你像我那么你会发现Octotree很有用。
Octotree以树格式显示GitHub代码。这样，您可以浏览代码行而无需下载源文件。
Octotree以树格式显示GitHub代码
3。无处不在的 HTTPS
HTTPS Everywhere 加密您与所有主要网页交换的数据，即使它们不使用HTTPS。
因此，如果您被定向到不使用 https 的页面，您可以确保您的在线通信是安全的。
4。页面性能测试
页面性能测试通过测量网页速度和加载性能为您提供网页统计信息。您可以保存图表的结果，以便与后续测试进行比较。
页面性能测试
5。用户快照
Usersnap 使您能够截取网站屏幕截图并通过添加标记图和评论对其进行注释。它还自带像素尺，可以直接集成各种项目管理工具，包括Slac、Trello、JIRA。
如果没有Usersnap，此列表将不完整，因为它可以实现有效的反馈过程。不过，这是一项付费服务，提供 14 天免费试用。
Usersnap
6。禁用JavaScript
Disable JavaScript，顾名思义，让您能够在网站或特定选项卡上关闭 JavaScript。您可以自定义它以具有默认的 JS 状态开/关，以及按域/选项卡等的默认禁用行为。
禁用JavaScript
7。 Web 开发人员清单
Web 开发人员清单扩展根据最佳设计和开发实践为您提供网站可用性的概览。
单击该图标将通知您有关网站的搜索引擎优化、友好 URL、网站图标等，旁边带有复选标记以表示通过。
Web 开发人员清单
8。 React 开发者工具
随着React的流行度似乎永无止境地上升，几乎每天都有React开发者诞生，React团队已经涵盖了他们。
React Developer Tools让您能够检查 React 树及其状态、道具、层次结构等。激活它, 启动 Firefox devtools 并切换到 React 选项卡。
还有Vue开发者版本，形式为Vue.js devtools。
React 开发者工具
9。 ColorZilla
ColorZilla是开发人员和图形设计师从不同网页中挑选颜色的绝佳工具。
它还包含吸管、渐变生成器、调色板浏览器和颜色历史。
ColorZilla
10。 Evernote Web Clipper
Evernote Web Clipper让您可以截取网页并自动保存到您的Evernote您可以在其中进行注释并与团队成员分享的帐户。
Evernote Web Clipper
11。 Cookie 管理器
Cookie Manager是一个具有安全意识的扩展程序，使您能够在任何位置查看、添加、编辑、删除和搜索cookie领域。
Cookie Manager 更酷的是您可以在域之间导出和导入cookie。
Cookie 管理器
12。 CSS 和 LESS 的实时编辑器
CSS 和LESS 的实时编辑器 使您能够将CSS/LESS 代码直接写入浏览器。您的代码将立即生效，并将在站点级别保存在浏览器的本地存储中。
其页内编辑器具有自动完成、美化、linter等功能，你应该看看。
CSS的实时编辑器
您喜欢列出的任何扩展程序或您有我们可以使用的列表吗？下面是评论区