Base64 Auto Decoder Vibe 项目

产品简介

Base64 Auto Decoder 是一款专注于 Base64 编码内容处理的 Chrome 浏览器扩展，由 muselabs-co 团队开发，基于 Manifest V3 标准构建。它能够在用户浏览网页时自动识别并原地解码 Base64 编码文本，让加密内容一目了然，同时提供 JWT 解析、Base64 图片预览等实用辅助功能。扩展主打零依赖、纯原生实现，轻量高效，适合开发者和技术日常用户。

核心功能

• 自动扫描与原地解码：扩展在页面加载后自动扫描全页 Base64 编码字符串，识别后直接在原位置替换为解码后的明文内容，用户一键复制
• 智能防误判机制：内置智能过滤逻辑，自动排除纯英文单词和 Git SHA 等常见合法 Base64 格式，避免误伤正常内容；完美支持中文 UTF-8 编码内容
• JWT 令牌解析：内置 JWT 解析器，显示过期倒计时与 Payload 预览，无需第三方工具即可快速验证令牌内容
• Base64 图片悬停预览与一键下载：当检测到图片格式的 Base64 内容时，悬停即可预览缩略图，并支持一键下载保存到本地
• 输入框右键菜单转换：选中文字后，在输入框内右键点击菜单即可直接转换为 Base64，发帖留联系方式更便捷
• 站点黑名单管理：支持按域名禁用扩展功能，避免在不需要的网站上干扰正常显示
• 双语界面：内置简体中文与 English 双语言切换，开箱即用
• 零依赖纯原生：不引入任何第三方依赖库，纯 JavaScript 原生实现，保障隐私安全

技术实现

Base64 Auto Decoder 采用 Manifest V3 规范开发，代码结构清晰分为以下模块：

• background/：后台 Service Worker，负责右键菜单注册与 Tab 消息分发
• content/：内容脚本，核心扫描器所在，监听 DOM 变化（MutationObserver）实现动态内容检测；JWT 解析与图片解析逻辑均内嵌于此
• popup/：弹窗控制面板，包含语言切换、黑名单管理功能
• _locales/：国际化资源，中英文各 42 条翻译键值

扩展使用原生 DOM API 完成所有操作，无外部依赖，体积小巧。内容脚本通过轮询 + MutationObserver 组合方式兼顾首次加载和动态渲染内容。解码逻辑包含多层启发式判断，有效区分真实 Base64 编码与其他看似编码的字符串。

快速上手

1. 访问 Chrome 应用商店，搜索「Base64 Auto Decoder」并点击安装
2. 安装完成后，扩展图标自动出现在浏览器工具栏，无需额外配置即可使用
3. 打开任意包含 Base64 编码内容的网页，扩展自动识别并在原位显示解码结果
4. 右键点击输入框，选中文字后选择「转换为 Base64」即可完成编码
5. 点击扩展图标，在弹出面板中可管理站点黑名单和切换界面语言

适用人群

• 日常需要处理 Base64 内容的开发者和技术支持人员
• 需要快速解析 JWT 令牌进行调试的 API 开发者
• 对网页编码内容有好奇心的技术爱好者
• 需要在发帖时快速编码联系方式的论坛用户

官方链接

• Chrome 应用商店：https://chromewebstore.google.com/detail/Base64%20Auto%20Decoder/nkcokinkneofjkgibllifmjkjdecldjh
• GitHub 仓库：https://github.com/muselabs-co/base64-auto-decoder