34 款提高效率的 Chrome 扩展程序🔥 我强烈推荐安装的十大扩展程序

2025-05-28

34 个提高生产力的 Chrome 扩展程序🔥

我强烈推荐安装的十大扩展

大家好,我是 Savio Martin,一个 13 岁的男孩,立志成为一名成功的全栈 Web 开发者。我热爱创建全栈 Web 应用和移动应用。我已经证明了自己在前端技术领域的卓越能力。我乐于与开发者社区分享我的资源和专业知识。我定期在@hashnode上撰写文章。

今天,我将分享 34 款开发者必备的 Chrome 扩展程序。这些扩展程序对开发者来说非常有帮助,可以加快我们的工作进度。所以,不妨考虑安装这些扩展程序。最后,我列出了10 款开发者必备的扩展程序。这些都是我最讨厌的扩展程序,哈哈!那么,让我们开始吧!

Notion Web Clipper

Notion Web Clipper 可帮助您将网络上的任何页面保存到您的 Notion 工作区。捕捉并整理您想要的所有文章、研究和灵感,我们将帮助您将其转化为行动。

ColorZilla

使用 ColorZilla,您可以从浏览器的任意位置获取颜色读数,快速调整颜色并将其粘贴到其他程序中。它的功能远不止于此。

灯塔

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

Wappalyzer

Wappalyzer 是一款技术分析器,可以展示网站构建所使用的技术。Wappalyzer 不仅仅是一个 CMS 检测器或框架检测器:它还能发现数十个类别的上千种技术,例如编程语言、分析工具、营销工具、支付处理器、CRM、CDN 等等。

Blur Web 应用

只需单击几下即可在实时录制视频或屏幕共享时保护您的敏感信息,从而节省数小时的后期视频编辑时间。

假过滤器

Fake Filler 是一款表单填充工具,它可以用随机生成的虚假数据填充页面上的所有输入字段。对于使用表单的开发人员和测试人员来说,这款能够提升工作效率的扩展程序必不可少,因为它无需手动输入字段值。

势头

用包含待办事项、天气和灵感的个人面板取代新标签页。新标签页能让您静下心来,激发您的工作效率。通过每日照片和名言获取灵感,设定每日重点,并追踪待办事项。每个新标签页都会提醒您当天的重点,从而消除干扰,战胜拖延症。加入超过 300 万用户,获得灵感,创造您想要的生活。

CSS查看器

CSSViewer 是一个简单的 CSS 属性查看器,最初由 Nicolas Huon 作为 FireFox 插件制作(2006-2008)。

daily.dev

Daily.dev 是一个新闻聚合器,专为软件开发者打造。通过 daily.dev,您可以随时获取来自顶级科技出版物的精彩文章,涵盖任何主题。您喜爱的所有内容尽在一处——CSS-Tricks、Smashing Magazine、web.dev 以及 350 多个来源。

Chrome 版 Grammarly

从语法和拼写到风格和语气,Grammarly 都能帮您消除写作错误,找到完美的词语来表达自己。您可以在 Gmail、Google Docs、Twitter、LinkedIn 以及几乎所有您写作的平台获得 Grammarly 的实时反馈。Grammarly 是一款写作助手,它能为您提供具体的建议,帮助您提升写作水平——而且它的作用远不止语法。您可以确信,您的写作不仅正确,而且清晰简洁。请务必注册您的帐户,以便每周收到一份个性化的写作报告,帮助您跟踪进度并找出改进之处。

JSON 查看器

你见过的最精美、可自定义的 JSON/JSONP 高亮器。它是一款用于打印 JSON 和 JSONP 的 Chrome 扩展程序。

关键字无处不在 - 关键字工具

超过 15 个网站的关键词搜索量、每次点击费用 (CPC) 和竞争情况,涵盖 Google™ Search Console、YouTube™、Amazon™ 等。Keywords Everywhere 是一款免费增值 Chrome 扩展程序,可显示超过 15 个网站的月搜索量、每次点击费用 (CPC) 和竞争情况数据。它还内置工具,可从种子关键词中查找关键词,并显示任何页面在 SERP 中排名的关键词。

React 开发者工具

将 React 调试工具添加到 Chrome 开发者工具中。React 开发者工具是针对开源 React JavaScript 库的 Chrome DevTools 扩展程序。它允许您在 Chrome 开发者工具中检查 React 组件的层次结构。

Vue.js 开发者工具

用于调试 Vue.js 应用程序的 Chrome devtools 扩展。

在 VSCode 中打开

在 VSCode 中打开 Github 和 Gitlab 链接。只需右键单击任意文件链接,然后选择“在 VSCode 中打开”。您也可以点击行链接,打开指向特定文件的文件。

GitHub 的超棒自动完成功能

为 GitHub 的搜索栏添加即时搜索功能。这款简单易用的扩展程序增强了 GitHub 的搜索功能,让您能够以前所未有的速度搜索仓库和人员。

Redux 开发者工具

Redux DevTools 用于调试应用程序的状态变化。该扩展为您的 Redux 开发工作流程提供了强大的功能。除了 Redux 之外,它还可以与任何其他处理状态的架构一起使用。

什么字体

识别网页字体最简单的方法。Firebug 和 Webkit Inspector 对开发者来说足够简单易用。然而,对于其他开发者来说,这并非必需。使用此扩展程序,您只需将鼠标悬停在网页字体上即可检查字体。就是这么简单优雅。它还可以检测用于提供网页字体的服务。支持 Typekit 和 Google Font API。

清除缓存

只需单击按钮即可清除缓存和浏览数据。
使用此扩展程序快速清除缓存,无需任何确认对话框、弹窗或其他烦人的操作。您可以在选项页面上自定义要清除的数据内容和大小,包括:应用缓存、缓存、Cookie、下载、文件系统、表单数据、历史记录、索引数据库、本地存储、插件数据、密码和 WebSQL。Cookie 可以全局删除,也可以仅针对特定域名删除,或者针对除特定域名外的所有域名删除。

Google Keep Chrome 扩展程序

一键保存至 Google Keep!找到想要保存的网页、图片或语录?使用 Google Keep Chrome 扩展程序,轻松将您关注的内容保存至 Keep,并同步到您使用的所有平台,包括网页版、Android 版、iOS 版和 Wear 版。您可以记录笔记,获取更多详细信息,并添加标签快速分类笔记,方便日后检索。

Chrome 版 Loom

工作视频通讯。从新员工入职培训、客户问题排查到代码评审,Loom 都能利用视频的强大功能,快速清晰地传达您的信息。使用 Loom,您可以录制屏幕、语音和面部表情,创建可立即分享的视频,所需时间比编写电子邮件还要短。减少反复打字的麻烦,让您的信息一次就能传达。您的同事和客户一定会感谢您!

Focus To-Do:番茄工作法和待办事项清单

Focus To-Do 将番茄工作法与任务管理相结合,是一款基于科学的应用,能够激励您保持专注并完成任务。它将番茄工作法和待办事项清单融为一体,您可以记录并整理任务到待办事项清单中,启动专注计时器,专注于工作和学习,为重要任务和差事设置提醒,并查看工作时间。它是管理任务、提醒、清单、日历事件、购物清单和核对清单的终极应用,帮助您专注于工作和学习,并追踪您的工作时间。Focus To-Do 可在您的手机和电脑之间同步,因此您可以随时随地访问您的清单。

Ookla 的 Speedtest

直接从工具栏进行 Speedtest,以快速且不间断地测试您的互联网性能。

Chrome 版 Toby

Toby 比书签更出色,它能提升您的 Chrome 浏览器体验。Toby 是一个可视化工作区,存在于每个新标签页中。只需将浏览器标签页拖放到收藏夹中即可添加新标签页,或一键保存整个会话。通过自动同步功能,您可以在任何桌面上访问所有收藏夹。使用标签来整理收藏夹或为待办事项创建笔记。

音量大师

音量提升高达 600%,控制任何标签的音量,细粒度控制:0% - 600%,只需单击即可切换到任何正在播放音频的标签

保存到 Google Drive

此扩展程序允许您通过浏览器操作或上下文菜单将网页内容直接保存到 Google 云端硬盘。您可以通过右键单击并选择“保存到 Google 云端硬盘”来保存文档、图片以及 HTML5 音频和视频。您可以使用“保存到 Google 云端硬盘”浏览器操作保存当前查看的页面。保存的 HTML 页面的目录位置和格式可以通过扩展程序的选项页面控制(可选:完整图片(默认)、可见图片、原始 HTML、MHTML 或 Google Doc)。您可以自动将 Microsoft Office 文件或逗号分隔的文件转换为 Google Docs 格式。

无处不在的 HTTPS

这是火狐浏览器 HTTPS Everywhere 扩展的移植版,由 EFF 和 Tor 项目开发。它可以自动将数千个网站从不安全的“http”切换到安全的“https”。它可以保护您免受多种形式的监控、账户劫持以及某些形式的审查。

Keeper® 密码管理器和数字保险库

使用全球最值得信赖、下载量排名第一的安全密码管理器和数字保管库,保护和自动填充密码。
使用全球最值得信赖、下载量排名第一的密码管理器和数字保管库,时刻保持安全。Keeper 的密码管理器可在您的所有设备上生成、存储和自动填充强密码,同时还能安全地存储和保护您的私人文档。远离黑客攻击。立即使用 Keeper。

Vimeo Record - 屏幕和网络摄像头录像机

通过浏览器录制和分享无限量的免费视频消息
您知道吗,我们说话的速度比打字的速度快 7 倍?下次您考虑发送长电子邮件或聊天消息时,请考虑录制视频是否可以更好、更快地传达您的想法。无论是产品演示、设计反馈还是知识传输会话,使用 Vimeo 的屏幕录像机,您都可以快速录制和分享无限量的视频消息。选择录制您的屏幕、声音、面部或组合。录制完成后,您可以立即通过私人链接分享您的视频。每个录制的视频都会自动上传到 Vimeo,它为您提供各种工具,例如组织和替换视频、自定义播放器、与您的团队共享视频、添加章节标记等等。加入超过 2 亿选择 Vimeo 作为视频之家的用户。

Scrn.li - 截图工具和编辑器

屏幕截图工具,可用于截取整页或部分页面,并可进行进一步编辑、下载或添加文本。这款高级应用可截取整页或部分页面,并可编辑、保存和下载屏幕截图至电脑。该应用通过浏览器启动,可有效节省您的时间。只需点击扩展程序图标,即可选择“整页截图”或“部分截图”选项。

全屏

这只是一个添加到工具栏的全屏按钮。它的功能与键盘快捷键(Windows 上的 F11 或 Mac 上的 Cmd+Shift+F)完全相同。您可以更改图标并在上下文菜单中添加/删除全屏功能。

JoyPixels® 的表情符号键盘

全球领先的 Chrome 表情符号键盘。现已兼容 Unicode 13!

增强型 GitHub

显示仓库大小、每个文件的大小、下载链接以及复制文件内容的选项。该扩展在 GitHub 网站上提供了实用的功能。

AdGuard 广告拦截器

无与伦比的广告拦截扩展程序,有效拦截广告和弹窗。拦截 Facebook、YouTube 及所有其他网站上的广告。AdGuard 广告拦截器可有效拦截所有网页上的所有类型广告,即使是 Facebook、YouTube 等网站上的广告!

Octotree - GitHub 代码树

增强 GitHub 代码审查和探索的浏览器扩展。
功能:类似 IDE 的代码树、文件夹和文件搜索、支持私有仓库、支持仓库/文件/问题/拉取请求书签、高性能、可兼容任意大小的仓库

我强烈推荐安装的十大扩展

  1. Daily.dev
  2. Wappalyzer
  3. Chrome 版 Grammarly
  4. 清晰的卡奇
  5. Chrome 版 Loom
  6. Scrnli - 截图工具和编辑器
  7. 全屏
  8. JoyPixels® 的表情符号键盘
  9. Adgaurd Adblock
  10. Octotree - GitHub 代码树

希望大家喜欢这篇文章。如有任何疑问或疑问,请在下方评论区留言。也欢迎在文章中留言。感谢大家的阅读。🙏

别忘了在GithubInstagram上关注我

祝你今天愉快!黑客工作愉快!💻⚡

最初发表于hashnode

文章来源:https://dev.to/saviomartin/34-must-have-chrome-extensions-for-web-developers-and-designers-421b
PREV
不被阻止的 Web 抓取指南模拟人类工具,即:无头 Chrome 模拟人类行为,即:代理、验证码解决和请求模式结论
NEXT
使用 Javascript 中的复杂对象 - 友好的初学者指南