11 个开发者必备的 Chrome 扩展

11 个开发者必备的 Chrome 扩展

这是我的 11 个 Google Chrome 扩展列表，供开发人员轻松工作。

Google Chrome Extensions

根据统计计数器，谷歌浏览器是世界上最流行的网络浏览器。但是，您可以使用最好的 Google Chrome 扩展来增强体验。最好的一点是它为用户提供了几乎无限的方式来改善他们的谷歌浏览器体验，但最糟糕的是，如果你不了解它们，你可能不会意识到你错过了多少很棒的扩展。

Chrome 网上应用店为开发人员提供了数以千计的扩展程序，因此很难确定哪些是最有用的。为了节省您浏览 Chrome 网上应用店的时间，这里有 11 个 chrome 扩展程序可以减少您作为开发人员的工作量。

快速代码

QuickCode

Quickcode 策划免费在线编程课程，每天为初学者和专家提供最好的课程来学习编程。在一致性方面，这个 chrome 扩展每天都会策划新的免费课程。这是我学习新课程的首选 chrome 扩展程序之一。使用此扩展程序，您将：

• 在新课程上线时收到通知。
• 浏览互联网上各种 MOOC 和在线教育提供商的免费课程。
• 在新标签中查看新的免费编程课程。
• 按不同的编程语言、Web 框架和开发工具搜索免费课程。

关联： 快速代码

ColorZilla

ColorZilla

Colorzilla 是一个吸管工具，具有高级颜色选择器、网页颜色分析器、CSS 渐变分析器、调色板查看器等。对于网页设计师和开发人员来说，它是一个很棒的 Chrome 扩展，用于选择颜色并直接在他们的设计中使用它们。它使您可以从浏览器的任何部分读取颜色，只需单击几下即可对其进行修改，然后将其粘贴到另一个程序中。

特征：

• 吸管 — 获取页面上任何像素的颜色。
• 高级颜色选择器（类似于 Adob​​e Photoshop）。
• 终极 CSS 渐变生成器。
• 网页颜色分析器 — 为任何网站获取调色板。
• 带有 7 个预装调色板的调色板查看器。
• 最近选择的颜色的颜色历史。
• 显示标签名称、类、id、大小等元素信息。
• 自动将选择的颜色复制到剪贴板。
• 键盘快捷键。
• 获取动态悬停元素的颜色。
• 单击以开始拾色（目前仅在 Windows 上）。
• 从 Flash 对象中挑选颜色。
• 在任何缩放级别选择颜色。

关联： ColorZilla

JSON 查看器

JSON Viewer

JSON Viewer 是用于 JSON/JSONP 的最漂亮和可定制的荧光笔。处理 JSON 数据有时对开发人员来说是一个挑战。 JSON 查看器扩展通过美化和系统地结构化数据，使处理数据变得容易。使用此扩展，您可以打印 JSON 或 JSONP。

一些关键 特征 包括：

• 开源
• 语法高亮
• 27个内置主题
• 可折叠节点
• 可点击的 URL（可选）
• 检查您在控制台中键入“json”的 json。
• 显示行号的选项。
• 自定义主题的选项。
• 配置要突出显示的最大 JSON 大小的选项。
• 允许版本加载的 JSON 的选项。
• 按键对 json 进行排序的选项。
• C 样式大括号和数组的选项。
• 便笺

关联： JSON 查看器

分析仪

Wappalyzer

Wappalyzer 是一种技术分析器，可让您了解用于构建网站的技术。通过这个 chrome 扩展，您可以了解给定网站、任何框架、电子商务平台、JavaScript 库等正在使用的 CMS。

这个 chrome 扩展不仅仅是一个 CMS 和框架检测器。您可以发现多个类别的上千种技术，包括编程语言、分析工具、营销工具、支付处理器、CRM、CDN 等。

关联： 分析仪

测试 IE

Test IE

Test IE 是一个 Browserstack chrome 扩展，可让您在所有版本的 Edge 和 Internet Explorer (IE6 - IE11) 上预览和测试网站。当您单击 Chrome 工具栏中的扩展程序，选择 Internet Explorer 版本，然后单击开始测试时，您可以在 Browser Live 中快速启动测试会话。

Test IE 的一些主要功能包括：

• 本地测试
• 详尽的报道
• 调试工具
• 截图

请注意，此 Chrome 扩展程序需要 BrowserStack 帐户。

关联： 测试 IE

CSS 查看器

CSSViewer

由 Nicolas Huon 在 2006-2008 年作为 Firefox 插件开发，CSS 查看器是一个简单的 CSS 属性查看器 chrome 扩展。它是开源的，你可以在 GitHub 上找到它的源代码。在使用方面，还是比较容易上手的。您所要做的就是单击工具栏图标，然后将要检查的任何元素悬停在当前页面上。

关联： CSS 查看器

开发人员的窗口调整器

Window Resizer

Window Resizer 是开发人员最常用的 chrome 扩展程序之一。它允许您调整浏览器窗口的大小以模拟各种屏幕分辨率。特别是，它可以帮助网页设计师和开发人员在不同的浏览器上以不同的分辨率测试他们的布局。此外，该扩展还具有可自定义的全局快捷键、导出您的设置并将其导入其他计算机等功能。

关联： 开发人员的窗口调整器

鬼魂

Ghostery

让我们面对现实吧，广告很烦人！ Ghostery 可以在这里提供帮助。使用此 chrome 扩展程序，您可以阻止烦人的广告。它结合了黑名单和人工智能驱动的反跟踪技术，提供全面的隐私保护。此外，Enhanced Ad Blocking 网站与 Enhanced Anti Tracking 网站合作，可以阻止任何可能通过的广告。此外，这个强大的扩展优化了页面性能并加快了页面速度。

关联： 鬼魂

JavaScript 和 CSS 代码美化器

JavaScript and CSS Code Beautifier

当您打开带有 .css/.js/.json 扩展名的文件时，这个 chrome 扩展名会美化您的 CSS、JavaScript 和 JSON 代码。简单地说，它只是美化了代码，并以易于理解和工作的方式排列它。

一些关键功能包括：

• CSS(LESS/SCSS/SASS) / JavaScript(JSX/TypeScript/JSON) 格式。
• 解压缩或反混淆 JavaScript。
• 超过 60 个语法高亮主题。

关联： JavaScript 和 CSS 代码美化器

Web开发人员

毫无疑问，Web 开发人员将从这个扩展中受益。 Web Developer 扩展向 Chrome Web 浏览器添加了一个工具栏按钮。单击按钮后，您将看到一系列可在任何网站上使用的工具。此 chrome 扩展中包含的各种类别包括 CSS、禁用、Cookie、图像、表单、大纲、信息、杂项和调整大小。对于每个类别，都有不同的工具来执行不同的任务。

关联： Web开发人员

检查我的链接

Check My Links

这个 chrome 扩展完全符合其名称的含义。它会抓取您的网站以检查损坏的链接以及有效和重定向的链接。它易于使用，可帮助您维护网站的 SEO 标准。此扩展主要是为网页设计师、开发人员和内容编辑器设计的。

关联： 检查我的链接

感谢您阅读这篇关于对开发人员有用的 chrome 扩展的文章！我可能错过了一些你最喜欢的，所以不要担心。随时在评论中分享您使用哪些 chrome 扩展来减少工作量。这里还有一些您可能会觉得有用的帖子：

[

作为开发人员应该避免的 7 个坏习惯

戒掉这五个坏习惯，才能成长为优秀的开发者。

媒体网

](/quick-code/7-bad-habits-you-should-avoid-as-a-developer-2832c5aadbf1)

[

用这 5 个简单的技巧打败拖延症

简单、强大且有效的完成工作的方法。

媒体网

](/the-personal-growth-project/beat-procrastination-with-these-5-simple-tricks-2f9b00578e34)

[

最受欢迎的 5 个 Web3 开发人员技能

遵循这五项技能，学习如何成为一名 Web3 开发人员

媒体网

](/geekculture/5-web3-developer-skills-you-should-learn-a210b9f30604)

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/12080/48190410