发布于 2026-01-06 5 阅读
0

今天你应该安装的 Chrome 扩展程序:Deque 的 Lighthouse axe、Wappalyzer、GoFullPage、Grammarly

今天你应该安装的 Chrome 扩展程序

灯塔

Deque 的斧头

瓦帕利泽

完整页面

Grammarly

在本文中,我们将介绍我最喜欢的五款 Chrome 扩展程序,我几乎每天都会使用它们。

我最近整理了一下Chrome浏览器扩展程序,清理掉了所有近期未使用的(结果发现有十几个)。在此期间,我花了一些时间思考过去一周或至少大部分时间里我都使用了哪些扩展程序,而这正是这篇文章的灵感来源。


我在本文的视频版本中详细讨论了所有这些内容:

本文的 Next.js 视频版本📹


灯塔

Lighthouse 是一款 开源的自动化工具,用于提升网页质量。您可以将其应用于任何网页,无论是否公开或需要身份验证。它提供性能、可访问性、渐进式 Web 应用、SEO 等方面的审核。

这个工具可能是我最常用的扩展程序,它可以生成易于使用的报告,其中包含优化项目的技巧,或者为潜在客户的应用程序提供一些快速建议。以下是一个快速概览示例:

来自 Twitter 移动端的 Lighthouse 报告摘要

向下滚动页面,您将看到可以采取哪些措施来提升您在所有这些领域的表现。如果您不确定如何才能让网站或应用程序运行得更好,那么这份详细的报告将是一份绝佳的行动指南。

显示来自 Lighthouse 报告的性能细分

Deque 的斧头

这款辅助功能检查工具可检测 WCAG 2 和 Section 508 的辅助功能。使用 axe Chrome 扩展程序,轻松查找网站或 Web 应用程序中的辅助功能缺陷。让您的辅助功能缺陷迎刃而解!

如果你经常浏览推特,你会发现很多人都在讨论网站无障碍访问,这当然没错,因为网络应该是一个包容的地方。无论我们身体多么健康,都可能因为某天的突发状况而需要一个无障碍网站。请体谅他人,有了这款工具,你就能轻松找到创建完全符合 WCAG 标准的网站所需的修复方案。

Chrome开发者工具中会多出一个小标签页,它会告诉你你的开发进度:

来自 Medium.com 的斧头报告,来自 Chrome 开发者工具

瓦帕利泽

Wappalyzer 不仅仅是一个 CMS 检测器或框架检测器:它还能发现数十个类别中的一千多种技术,例如编程语言、分析、营销工具、支付处理器、CRM、CDN 等。

对于好奇心强的开发者来说,这是一个非常有趣的扩展程序。它可以让你全面了解网站的技术栈。例如,如果我们查看像 dev.to这样热门的网站 ,就能得到一个非常棒的网站概览:

来自 dev.to 的 Wappalyzer 报告

我非常喜欢了解我最喜欢的网站是如何运作的,我相信你也会喜欢。我还通过浏览安装了这个插件的网站,发现了一些新的技术宝藏。

完整页面

截取整个网页屏幕截图的最佳 Chrome 扩展程序

如今,尤其是在远程办公日益普及的今天,能够分享全页截图比以往任何时候都更加实用。只需点击一下,该扩展程序就会劫持您的页面,开始滚动并截取屏幕截图,然后拼接成一张无缝的全页截图。之后,您可以选择将图片下载为 PNG、JPG 或 PDF 格式。以下是我从自己的 YouTube 频道截取的一个示例:

Codú 社区全屏截图

我喜欢能够截取这样的大图,然后用平板电脑在上面画笔记,再与人分享。

Grammarly

从语法拼写到风格语气,Grammarly 帮助您消除写作错误,找到最恰当的词语来表达自己。您可以在 Gmail、Google Docs、Twitter、LinkedIn 以及几乎所有其他写作平台上获得 Grammarly 的实时反馈。Grammarly 是一款写作助手,它会提供具体的建议来帮助您提升写作水平。

好吧,虽然这个插件并非专门针对开发者,但它确实能帮我营造一种专业感,让我的邮件听起来不那么不专业或愚蠢。这个小插件可以快速扫描大多数文本输入,告诉你是否存在拼写错误、语法错误,甚至还能帮你调整语气。说实话,Grammarly 是我最常用的工具。自从我开始写更多内容后,它就成了我的得力助手,甚至可以说是“滥用”得更厉害了。正因如此,我才把它列入了我的“超棒扩展程序列表”。

帖子图片

在撰写最后一节时提出的建议示例

谢谢Grammarly,让我拼写得更好了……


您还有什么我没提到的建议吗?如果没有这些建议,您会很困惑的。


在推特上关注我

订阅Codú 社区

文章来源:https://dev.to/nialljoemaher/chrome-extensions-you-should-install-today-41ch