🔥5款你绝对应该试试的最佳Chrome扩展程序🫵

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

Chrome 扩展程序是提高效率和提升生产力的非常实用的工具。

在这篇博文中，我将分享 5 款你应该尝试的实用 Chrome 扩展程序。

如果您已经在使用它们，请在评论区分享您的经验或反馈！💬

让我们开始吧🚀

Qodo合并

使用 Qodo Merge 扩展程序，您可以与 GitHub 拉取请求 (PR) 代码进行聊天，并获得 AI 驱动的 PR 评论、描述和代码建议。

Qodo merge Chrome 扩展程序free用于public/open-source代码仓库。

#️⃣ 主要特点：

💬 PR 中的 AI 驱动聊天：在拉取请求评论部分提出有关特定代码更改的定向问题，并获得上下文相关的答案。

🔍自动代码审查：使用该命令立即审查拉取请求，并识别潜在的错误、安全漏洞以及是否符合最佳实践/review。

⚙️代码改进建议：使用该/improve命令可获得优化代码效率、健壮性和可维护性的可操作建议。

📝自动生成 PR 描述/describe：使用此命令创建全面的 PR 描述（包括摘要、标签和分步指南），节省时间。

获取扩展

网站开发人员

Web Developer Chrome 扩展程序会在浏览器中添加一个工具栏按钮，提供一系列旨在简化 Web 开发各个方面的功能。

#️⃣ 主要特点：

🧊 CSS 管理：直接在浏览器中轻松查看和编辑 CSS 样式，实现实时调整和实验。

📝表单操作：访问和修改表单元素（包括隐藏字段），以便有效地测试和调试表单行为。

💻响应式设计测试：调整浏览器窗口大小以模拟不同的屏幕分辨率，确保您的设计在各种设备上都能响应。

JavaScript 控制：启用或禁用 JavaScript，以观察您的网站在不同场景下的性能，帮助识别潜在问题。

获取扩展

完整页面

你是否曾经为无法截取网页全页屏幕截图而苦恼？
有了这款扩展程序，你可以轻松截取任何网页的全页屏幕截图。

您无需滚动或进行任何操作，只需点击扩展按钮，它就会自动滚动，捕获整个网页。

您可以将屏幕截图保存为 png、jpg 或 PDF 文件。该套餐还提供编辑和裁剪功能Premium。

获取扩展

灯塔

Lighthouse 是 Google 开发的一款开源自动化工具，旨在帮助网站开发者提升网页质量。

它提供全面的审核服务，包括性能、可访问性、最佳实践和搜索引擎优化 (SEO)。您可以对任何网页运行 Lighthouse，无论该网页是公开的还是需要身份验证的。

#️⃣ 主要特点：

性能指标：Lighthouse 会评估您网站的加载时间，并提供可操作的见解来提高速度和响应能力。

辅助功能检查：它可以识别辅助功能问题，确保您的内容可供所有用户使用和浏览。

SEO 分析：它提供建议来提高您网站的搜索引擎可见性，帮助您触达更广泛的受众。

最佳实践：提供改善网页代码健康状况的最佳实践。

DevTools在Chrome浏览器中也很容易访问Lighthouse 。
Right Click on webpage -> Inspect -> Click on the "Lighthouse" tab within DevTools.

获取扩展

瓦帕利泽

Wappalyzer 是开发者必备的扩展程序，它能快速识别任何网站所使用的技术。无论是内容管理系统 (CMS)、JavaScript 库还是分析工具，Wappalyzer 都能提供关于特定网站的即时洞察。

它识别出各种类别中的一千多种技术，包括编程语言、分析工具、营销平台、支付处理商和内容分发网络 (CDN)。

安装扩展程序后，点击浏览器工具栏中的 Wappalyzer 图标，即可详细了解当前网站使用的技术。

获取扩展

就这样。🙏

感谢您阅读至此。如果您觉得这篇文章有用，请点赞并分享。也许其他人也会觉得它有用。💖

欢迎在GitHub和LinkedIn上与我联系。

基兰·纳拉贡德跟随

技术撰稿人和版主 @DEV ✦ 全栈开发人员 ✦ Exercism 导师 ✦ 开源贡献者 ✦ 合作请联系邮箱 :)