JWT 解码查看工具

一个纯前端的单文件 JWT 工具，双击 index.html 即可使用，无需安装、无需后端、无任何外部依赖。

功能特性

• 📝 粘贴或拖拽输入：在文本框直接粘贴 JWT，或拖拽 .txt 文件读入 token。
• ⚡ 实时解码：输入即解码（防抖 150ms），自动拆分为 Header、Payload、Signature 三段。
• 🌳 树形展示：header / payload 使用可折叠的树形视图，支持层级展开/折叠（展开 / 仅根 / 1–3 层 / 折叠）。
• 📋 所有文本字段均可复制（鼠标悬停显示按钮）：
  • 复制键名、复制值；
  • 复制字段访问路径（如 payload.sub）；
  • 复制整个对象 / 数组的格式化 JSON；
  • 一键复制全部解码结果。
• ⏰ 时间声明智能识别：payload 中的 exp / iat / nbf / auth_time 秒级时间戳旁显示可读日期与状态徽章（有效 / 已过期 / 未生效）。
• 🎨 类型着色（字符串 / 数字 / 布尔 / null）、深浅色主题切换、自适应移动端。
• ⚠️ 安全提示：所有解码均在浏览器本地完成，不上传任何数据；签名不验证，仅做展示。

使用方式

直接用浏览器打开 index.html 即可：

open index.html        # macOS
# 或拖入浏览器

点击「示例」可快速体验效果。

技术说明

• 单一 HTML 文件，原生 HTML / CSS / JavaScript，零依赖、零构建步骤。
• 解码使用原生 atob + TextDecoder，正确处理 base64url（- / _）与中文 UTF-8 内容。
• 所有解析与渲染均在浏览器本地完成，不上传任何数据；不验证签名（签名需在服务端用密钥验证）。

在线访问

已通过 GitHub Pages 部署，可直接访问：

🔗 https://blog.wangruofeng007.com/jwt-decoder/

源码仓库：https://github.com/wangruofeng/jwt-decoder