我最喜欢的用于 Web 开发的 Chrome 扩展程序（大部分）

这篇文章最初发表在silvestar.codes上。

Web 浏览器是 Web 开发必不可少的工具之一。除了默认安装的优秀开发工具外，您还可以考虑使用以下 Chrome 扩展程序来帮助您完成日常任务：

八叉树

Octotree，又名“GitHub on steroids”，是一款在 GitHub 页面上添加一些额外功能的扩展程序。最强大的功能是带有代码树的侧边栏，就像 IDE 中的一样。当你尝试在存储库中查找文件时，它会非常方便。

这是我网站存储库的 Octotree 侧边栏的预览。

瓦帕利泽

Wappalizer 可以识别当前网站使用的技术。我发现这个扩展在审核新项目时很有帮助。我可以看到网站上使用的大部分技术，这帮助我做出是否接受项目甚至进行估算的决定。

例如，您可以看到我的网站使用 Matomo 进行分析，使用 Netlify 作为 Web 服务器和 CDN，并使用 Hexo 生成静态网站。

CSS 功能切换扩展

在不同设备上测试网站可能是一项相当繁琐但必要的任务。尽管 Web 正在朝着正确的方向发展，但我们应该注意一些尚未支持的 CSS 功能，例如 CSS 网格或 CSS 变量。在尝试在不同浏览器中测试网站之前，您可以先在 Chrome 中切换 CSS 功能，从而节省一些时间。CSS Feature Toggle 扩展程序可以帮助您做到这一点——关闭 CSS 功能。

支持的功能包括：

布局功能 - 如 CSS Grid、Flex 和多列属性；
视觉渲染功能 - 如过渡、动画和遮罩；
尺寸特征-类似shape-inside和object-fit属性；
其他功能 - 如 CSS 变量或calc()支持。

沃科纳

Workona 是一款让我无法想象没有它我工作日会是什么样子的扩展程序。它就像浏览器中的项目管理器，你可以在云端管理所有工作。这意味着我可以随时在其他设备上打开我的标签页。我用它来组织我的工作空间，以便阅读文章、观看网络研讨会、学习以及处理不同的项目。

您可以看到我的 Workona 仪表板的一部分。要打开特定工作区的选项卡，我只需单击一下即可。

LastPass

LastPass 是一款密码管理器。它可以存储密码，还能自动填充登录字段。在与众多客户打交道时，它可以节省您的时间，让您更加理智。我也在手机上使用它。它非常有效。

LastPass 在测试表单时也能帮你节省大量时间。你可以用虚拟数据创建一个个人资料，然后使用“填写”选项来填充表单。我经常用这个功能来填写注册表单。

有趣的是：我有超过 20 个 Slack 登录名。😵

代码行日报

Code Line Daily 是我过去一个月一直在做的一个业余项目。它于本月初在 Product Hunt 上线。

一位粉丝建议可以将其用作浏览器插件。本周，Code Line Daily 已在 Chrome 网上应用店以扩展程序的形式上线。

荣誉提名

这些扩展程序安装在我的 Chrome 上，但我并不经常使用它，或者我没有太关注它：

Codopen扩展程序，可在单独的窗口中预览 Codepen 代码片段，方便您在常用工具中轻松调试。有趣的是：Sarah Drasner 的丈夫制作了这个扩展程序作为礼物送给了她。
无处不在的关键词。一款用于 SEO 研究的扩展程序。它会在 Google 搜索、Google Search Console 和 Google Analytics 等网站中显示关键词。它对于基础研究非常有用。
阻止Google Analytics（分析）记录您的访问记录。此功能在处理低流量网站时非常有用。
始终清除下载 2。完成后会自动清除下载列表，最重要的是关闭下载栏。
Chrome 版 Grammarly。它是每个人都必备的扩展程序。我使用的是付费版本，但它的免费套餐也提供了许多引人注目的功能。
去他妈的工作。当你访问那些你认为浪费时间的网站时，它会用相当强烈的语言显示激励信息。它让你不止一次地回去工作。
Buffer。它是安排社交分享的必备工具。我每天都在用它。
帕布罗。它通过溢出文本和自定义效果创建引人入胜的社交图像。
表情符号键盘。有时你只需要搜索一个表情符号来表达自己。它按类别显示表情符号，并具有强大的搜索功能。

文章来源：https://dev.to/starbist/my-favorite-chrome-extensions-for-web-development-mostly-3aj8