强推 20 款实用的 Chrome 浏览器插件

1,738 阅读6分钟

一、前端开发相关

1、FeHelper(前端助手)

JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

image.png image.png

2、React Developer Tools

在Chrome开发者工具中添加React调试工具

image.png

3、Redux DevTools

Redux DevTools用于调试应用程序的状态更改

image.png

4、Vue.js devtools

调试Vue.js应用程序

image.png

5、Wappalyzer - Technology profiler

识别web技术

image.png

Wappalyzer是一个跨平台的实用程序,可以发现网站上使用的技术

image.png

6、Apifox Browser Extension

API 文档、API 调试、API Mock、API 自动化测试 Apifox 是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台,定位 Postman + Swagger + Mock + JMeter

image.png

快速ide类代码树 快速搜索树格式 书签回购,问题,pr,文件 支持GitHub主题 支持私有存储库 高性能,与任何大小的存储库工作

7、CSS Peeper

提取CSS并构建漂亮的样式指南

image.png image.png

二、实用工具类

1、Octotree - GitHub code tree

增强 GitHub 代码审查和探索的浏览器扩展

image.png image.png

2、沉浸式翻译: 双语对照网页翻译 & PDF文档翻译

沉浸式网页双语翻译扩展,支持PDF翻译,双语Epub电子书制作,Youtube/Netflix/Udemy 等平台双语字幕,支持Deepl/Google等多个翻译服务,免费使用

image.png

  • 沉浸式阅读外文网站 - 通过智能识别网页主内容区域并进行双语对照翻译,沉浸式翻译提供了全新的外文阅读体验,因此得名“沉浸式翻译”。
  • 强大的输入框翻译 - 将任何网页上的输入框化身为多语言翻译器,立刻解锁谷歌搜索,ChatGPT 等工具的双语实时对话体验。
  • 高效的文件翻译 - 一键导出双语电子书,同时支持 PDF、字幕、TXT 等文件的实时双语翻译。
  • 创新的鼠标悬停翻译 - 仅需将鼠标停留在任意网页的任意段落上,相应的译文就会立即出现在段落下方。段落在在沉浸式翻译的设计理念中被视为最小单位,保留其上下文,这样我们才能真正理解并学习外语。
  • 深度定制优化主流网站 - 针对 Google、Twitter、Reddit、YouTube、彭博社、华尔街日报等主流网站进行优化,无论是搜索、社交还是获取资讯,都更加流畅高效。
  • 全平台支持 - 除了各大桌面端浏览器,移动设备也可享受同样的沉浸式翻译体验。在 iOS Safari、安卓 Kiwi 浏览器等移动端浏览器上轻松实现双语浏览 Twitter,Reddit 等社交媒体。
  • 支持 10+种翻译服务 - 在沉浸式翻译中,你可以选择超过 10 种翻译服务,如 Deepl、OpenAI、微软翻译、谷歌翻译、腾讯翻译等等,这份名单还在不断增加中。 本扩展免费使用,希望大家能轻松、愉悦、优雅地获取互联网上丰富的外文信息,不让语言成为障碍 ❤️

3、Google 翻译

浏览网页时可轻松查看翻译版本

image.png

4、Screenity - 屏幕录像和标注工具

最佳免费无限制屏幕录制工具。捕捉、标注、缩放、模糊、编辑视频等功能 - 无需登录,保护隐私

image.png

🎥 无限制地录制您的选项卡、特定区域、桌面、任何应用程序或摄像头 🎙️ 录制麦克风或内部音频,并使用诸如按下以讲话等功能 ✏️ 在屏幕上的任何位置进行标注,添加文本、箭头、形状等 ✨ 使用人工智能驱动的相机背景来增强您的录制 🔎 在录制中平滑缩放,以便聚焦在特定区域 🪄 模糊任何页面的敏感内容,以保护隐私 ✂️ 使用全面的编辑器来静音、移除或添加音频,或裁剪您的录制 👀 突出显示您的点击和光标,并进入聚光灯模式 ⏱️ 设置警报以自动停止录制 💾 导出为mp4、gif和webm,或直接保存视频到Google Drive以共享链接 ⚙️ 设置倒计时,隐藏UI的部分或将其移动到任何位置 🔒 只有您可以查看您的视频,我们不收集您的数据。您甚至可以离线使用! 💙 没有限制,制作尽可能多的视频,尽可能长时间 ... 还有更多功能 - 全部免费,无需登录!

5、录制Gif

将页面中选中的区域录制成gif动图

image.png

6、草料二维码-快速生码和解码工具

草料二维码官方开发的免费工具插件,提供简单、专业、快捷的二维码生成和解码功能

image.png

一、生码功能

  1. 点击插件图标,自动将当前访问网址生成二维码,方便手机扫描访问
  2. 自定义输入文本或网址,回车键快速生成二维码
  3. 选中网页上的任意文本或链接,右键菜单快捷生成二维码
  4. 可快捷下载二维码图片

二、解码功能

  1. 可输入带二维码的图片网址、上传或拖拽图片解码,快速获取二维码的内容
  2. 右键解析网页上任意一个二维码图片的内容
  3. 可快捷复制解码结果或将结果重新生成二维码

7、篡改猴

使用用户脚本自由地改变网络

image.png

🛠️ 高效管理和编辑您的用户脚本 ⚡ 用两次点击迅速激活和停用脚本 🔗 使用浏览器同步和各种云存储服务(Google云端硬盘、Dropbox、OneDrive、Yandex.Disk 和 WebDAV)同步脚本 💾 通过压缩文件和/或云存储备份和恢复选项和用户脚本 🔄 自动更新脚本,实现无缝体验

8、Adblock - 免费广告拦截器

适用于Chrome、Firefox和Edge的最佳广告拦截器。在YouTube、网站上屏蔽广告,享受无广告的浏览体验

image.png

9、Axure RP Extension for Chrome

查看本地发布的Axure RP原型(HTML文件)

image.png

10、EditThisCookie

是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies

image.png

★ 编辑cookies ★ 删除cookies ★ 添加一个新的cookie ★ 创建cookies ★ 搜索cookies ★ 保护cookies (只读cookies) ★ 拦截cookies (cookie 过滤器) ★ 导出cookies为JSON, Netscape cookie 文档 (非常适合wget及curl), Perl::LPW ★ 导入JSON格式cookies ★ 限制任何cookie的最大有效期 ★ 改进性能,移除旧的cookies ★ 导入cookies.txt

11、谷歌上网助手 开发版 / Ghelper

简单易用的《谷歌上网助手》

image.png

  • google.com 谷歌搜索
  • mail.google.com gmail邮箱
  • chrome商店访问

12、Markdown Here

用Markdown写一封漂亮的电子邮件

image.png

13、Momentum

替换 Chrome 浏览器 new tab 页面

image.png

每天都有新的鼓舞人心的照片、名言和咒语 友好地提醒你最重要的任务 易于使用的待办事项管理器 快速进入你最喜欢的网站和应用程序 ✓当地天气信息 ✓Google/Bing/DuckDuckGo/Ecosia搜索选项 可定制-显示/隐藏您喜欢的功能

14、OneTab

将所有标签页转换成一个列表,节省高达95%的内存,并减轻标签页混乱现象

image.png

更多 Chrome 插件开发文章请看

【Chrome 浏览器插件开发实践指南】
已整理成一本小册,目前发布于 18055975947.github.io github 上包含了最近几个月发布的十来篇文章