25 款 Chrome/Firefox 扩展程序，让您的生活更轻松 [2020]

成为一名 Web 开发者并在 Web 行业工作真是太棒了。除了文本编辑器之外，我们最重要的工具就是我们心爱的浏览器！我们花费大量时间阅读文档、浏览 Github、检查网站功能等等……在本文中，我将告诉您这些扩展程序如何让我的开发者生活更加轻松！

😎 首先我们来谈谈 Github！

说实话，Github 的默认功能并不完美！没有深色主题，没有我们以前在编辑器中看到的文件树状结构，没有文件图标等等……现在什么都没有了！

1. 八叉树

Octotree 具有多种功能，可将您在 GitHub 上的生产力提升到一个新的水平！

Octotree 的一些功能：

轻松浏览 Github 代码
深色主题和代码字体
增强代码审查
多标签支持
以及更多

⚡ 适用于chrome和Firefox。

2. 精炼 GitHub

简单简化了 GitHub 界面并添加了有用的功能。

Refined GitHub 的一些功能：

将问题和拉取请求标记为未读
代码中的制表符显示为 4 个空格，而不是 8 个空格
一键修复合并冲突
反应头像显示谁对评论做出了反应
可点击的问题和拉取请求的引用
在评论中查看内联链接的要点
以及更多...

⚡ 适用于chrome和Firefox。

3. GitHub 和 GitLab 的文件图标

一个扩展，为 GitHub、GitLab、gitea 和 gogs 提供不同文件类型的不同图标。

⚡ 适用于chrome和Firefox。

4. OctoLinker

使用 OctoLinker 高效浏览 GitHub.com 上的项目。OctoLinker 将特定语言的语句（例如 include/requires 或 import）转换为链接。

⚡ 适用于chrome和Firefox。

5.Sourcegraph

为 GitHub 添加代码智能：悬停、定义、引用。同时支持 20 多种语言和其他主流代码托管服务。

⚡ 适用于chrome和Firefox。

注意：Firefox 扩展可能需要从 about:addons 手动启用，您可以在 Firefox 附加组件安全性中找到更多信息。

6. GitHub 悬浮卡

GitHub Hovercard 为 GitHub 提供了简洁的悬浮卡片。
它让您可以从 GitHub 的任何位置即时访问用户/仓库/问题/提交信息。

⚡ 适用于chrome和Firefox。

7. GitHub 存储库大小

自动将存储库大小添加到 GitHub 的存储库摘要中

⚡ 适用于chrome和Firefox。

👩‍💻👨‍💻 开发人员开发人员开发人员！

本节介绍我用于开发目的的最佳扩展。

8. 网页无障碍洞察

Accessibility Insights for Web 可帮助开发人员快速查找和修复可访问性问题。

⚡ 获取适用于Chrome 的扩展程序。遗憾的是，此扩展程序不适用于 Firefox :(

9. ColorZilla

高级吸管、颜色选择器、渐变生成器和其他丰富多彩的功能

⚡ 适用于chrome和Firefox。

10. Web开发人员

Web 开发人员扩展向浏览器添加了一个带有各种 Web 开发人员工具的工具栏按钮。

⚡ 适用于chrome和Firefox。

11.尺寸

此扩展程序可测量鼠标指针上下左右直至接触到边框的尺寸。因此，如果您想测量网站上元素之间的距离，这款扩展程序非常适合。

⚡ 适用于chrome和Firefox。

12. Wappalyzer

Wappalyzer 是一款用于检测网站所用技术的实用程序。它可以检测内容管理系统、电商平台、Web 框架、服务器软件、分析工具等等。

⚡ 适用于chrome和Firefox。

13. svg-grabber——从网站获取所有 svg

svg-grabber 让您预览、下载和复制网站中所有 SVG 图标和插图的代码。

⚡ 获取适用于Chrome 的扩展程序。遗憾的是，此扩展程序不适用于 Firefox :(

14. 维斯布格

使用 JavaScript 构建的开源网页设计调试工具：设计师专用的 FireBug。

VisBug 的一些功能：

指向、点击和修改
编辑或设计任何状态下的任何页面，就像画板一样
检查样式、间距、距离、可访问性和对齐方式
在实际的最终环境中，在任何设备尺寸下，对布局和内容进行挑剔
利用 Adobe/Sketch 技能
编辑文本、替换图像
以及更多...

⚡ 获取Chrome版本。Firefox 版 VisBug 即将推出！点击此处了解更多详情。

15. 编辑此Cookie

EditThisCookie 是一款 Cookie 管理器。您可以添加、删除、编辑、搜索、保护和阻止 Cookie！

⚡ 获取适用于Chrome 的扩展程序。遗憾的是，此扩展程序不适用于 Firefox :(

16. Vue.js 开发者工具

用于调试 Vue.js 应用程序的 Chrome 和 Firefox DevTools 扩展。

⚡ 适用于chrome和Firefox。

17. React 开发者工具

React Developer Tools 是开源 React JavaScript 库的扩展。

⚡ 适用于chrome和Firefox。

18. JSON视图

验证并查看 JSON 文档。

⚡ 适用于chrome和Firefox。

🤪 更多通用的！

最后一部分是关于帮助我每天浏览网页的更通用的扩展。

19.黑暗读者

你好，我的老朋友，黑暗！每个网站都该有黑暗模式。保护好你的眼睛，在夜间和日常浏览时使用黑暗主题。

⚡ 适用于chrome和Firefox。

20. 伟大的吊带者

说实话，Chrome 浏览器非常耗内存，而这背后的原因就是打开的标签页。The Great Suspender 是一款轻量级扩展程序，可以减少 Chrome 的内存占用。如果您同时打开大量标签页，这款扩展程序将非常实用。如果标签页在可配置的时间内未打开，它将自动在后台暂停，从而释放该标签页占用的内存和 CPU。

⚡ 为chrome获取它，不幸的是，此扩展不适用于 Firefox :(