文本编码/解码工具

支持Base64、URL、Unicode、HTML实体编码解码，JWT Token解析，进制转换等多种编码格式

编码/解码操作

Base64

URL

Unicode

HTML实体

JWT Token

进制转换

使用说明

Base64 编码/解码

用于将文本或二进制数据转换为ASCII字符串格式，常用于数据传输和存储。

应用场景：邮件附件、数据URL、API传输

URL 编码/解码

将URL中的特殊字符转换为百分号编码格式，确保URL的正确传输。

应用场景：URL参数、查询字符串、链接生成

Unicode 转义/反转义

将Unicode字符转换为\uXXXX格式，常用于JavaScript和JSON中。

应用场景：JSON数据、JavaScript字符串、国际化

HTML 实体编码/解码

将HTML特殊字符转换为实体引用，防止XSS攻击和显示错误。

应用场景：HTML内容、防XSS、特殊字符显示

JWT Token 解析

解析JWT Token的header和payload部分，查看token内容（不验证签名）。

应用场景：API调试、Token分析、开发测试

进制转换

支持十进制、十六进制、二进制之间的相互转换。

应用场景：编程计算、颜色代码、底层开发

实用案例：编码工具的专业应用

案例1：图片Base64编码嵌入HTML

场景：开发邮件模板，需要将小图标直接嵌入HTML代码，避免图片加载失败。

步骤：

  1. 使用在线工具或代码将图片转为Base64字符串
  2. 复制Base64字符串到本工具验证格式
  3. 使用"Base64解码"功能检查是否正确
  4. 将Base64字符串嵌入HTML的<img src="data:image/png;base64,...">

效果：邮件模板图标显示正常，不依赖外部图片服务器，提升邮件送达率。

案例2：URL参数中文编码

场景：需要在URL中传递中文参数，但浏览器不支持中文URL，需要编码。

步骤：

  1. 将中文参数"搜索关键词"复制到工具
  2. 点击"URL编码"，得到 %E6%90%9C%E7%B4%A2%E5%85%B3%E9%94%AE%E8%AF%8D
  3. 将编码后的字符串拼接到URL：?q=%E6%90...
  4. 在浏览器中正常访问，后端正确接收中文参数

效果：解决URL中文乱码问题，搜索功能正常工作。

案例3：JWT Token调试

场景：后端返回JWT Token，前端需要查看Token中包含的用户信息和权限数据，进行调试。

步骤：

  1. 从浏览器localStorage或Cookie中获取JWT Token
  2. 将Token粘贴到工具的左侧文本框
  3. 点击"JWT解析"按钮
  4. 右侧显示Header、Payload、Signature三部分的JSON内容
  5. 查看Payload中的用户ID、权限、过期时间等信息

效果：快速定位Token问题（如过期、权限不足），调试时间从20分钟缩短到2分钟。

案例4：中文字符Unicode编码

场景：在JavaScript代码中需要使用中文字符串，但担心编码问题，希望转为Unicode转义序列。

步骤：

  1. 将中文文本"你好世界"粘贴到工具
  2. 点击"Unicode编码"
  3. 得到 \u4f60\u597d\u4e16\u754c
  4. 复制到JavaScript代码中使用

效果：避免了源码编码问题，代码在任何环境下都能正确显示中文。

常见问题解答 (FAQ)

1. Base64编码后的字符串为什么这么长？

Base64编码会将3个字节的数据转换为4个字符，因此编码后的数据会比原始数据大约增加33%。例如100字节的原始数据，Base64编码后约为133字节。这是Base64编码算法的固有特性，用空间换取了数据的安全传输能力。

2. URL编码和URL解码有什么区别？

URL编码：将特殊字符（如中文、空格、符号）转换为%xx格式，例如空格→%20，汉字"你"→%E4%BD%A0
URL解码：将%xx格式还原为原始字符。
URL中的查询参数、路径中的中文都需要先编码才能正确传输。

3. JWT Token包含哪些部分？

JWT（JSON Web Token）由三部分组成，用点（.）分隔：

  • Header：包含算法和Token类型
  • Payload：包含用户信息、权限、过期时间等数据
  • Signature：签名，用于验证Token未被篡改
我们的工具会解析Header和Payload部分，帮助您快速查看Token内容。

4. Unicode编码和UTF-8编码有什么区别？

Unicode：是字符集，为每个字符分配一个唯一的编号（码点），如"你"的Unicode是U+4F60
UTF-8：是Unicode的编码方案，将Unicode码点转换为字节序列。
我们的"Unicode编码"功能将字符转为\uxxxx转义格式，常用于JavaScript、JSON等场景。

5. HTML实体编码有什么用？

HTML实体编码将特殊字符转换为&xxx;格式，避免被浏览器解析为HTML标签。例如：

  • < 转为 &lt; （防止被识别为标签开始）
  • > 转为 &gt;
  • & 转为 &amp;
  • " 转为 &quot;
在显示用户输入内容时，使用HTML实体编码可以防止XSS攻击。

6. 进制转换有什么实际应用？

进制转换在编程中非常常用：

  • 颜色代码：十进制255 → 十六进制FF（CSS颜色#FFFFFF）
  • 权限计算：二进制111 → 十进制7（读写执行权限）
  • 数据分析：不同进制数据的转换和对比
  • 底层开发：内存地址、位运算等

7. Base64编码安全吗？可以用于加密吗？

重要提示：Base64不是加密！Base64只是编码方式，任何人都可以轻松解码。它的作用是：

  • 将二进制数据转换为文本格式
  • 在文本协议中传输二进制数据（如图片、附件）
  • 避免特殊字符引起的传输问题
如需加密数据，请使用专业的加密算法（如AES、RSA），而不是Base64。

8. 为什么我的JWT Token解析失败？

常见原因包括：

  • Token格式不完整（必须包含3个部分，用.分隔）
  • 复制时多了空格或换行符（粘贴前先裁剪）
  • Token已被篡改（Signature部分损坏）
  • 不是JWT格式（可能是其他类型的Token）
检查Token是否以"eyJ"开头，这是JWT的典型特征。

9. 编码/解码会丢失数据吗？

不会丢失数据。所有编码操作都是可逆的：

  • Base64编码 ↔ Base64解码
  • URL编码 ↔ URL解码
  • Unicode编码 ↔ Unicode解码
  • HTML实体编码 ↔ HTML实体解码
正确使用对应的解码功能，可以100%还原原始数据。

10. 这些编码工具适合哪些开发场景？

Web开发

URL编码、HTML实体、Base64图片

API调试

JWT解析、请求参数编码

数据传输

Base64编解码、Unicode处理

底层开发

进制转换、位运算

💡 开发者使用技巧

🔐 Base64最佳实践

  • • 仅用于数据编码，非加密
  • • 适合小图片（<50KB）嵌入
  • • 大文件不推荐Base64
  • • 编码后记得解码验证

🌐 URL编码技巧

  • • 中文参数必须编码
  • • 特殊字符（&、?、#）要编码
  • • 编码后再拼接URL
  • • 服务端自动解码

🔑 JWT调试技巧

  • • 检查Token是否过期（exp字段）
  • • 验证用户ID和权限
  • • 不要在Payload中存敏感信息
  • • 解析前确认Token完整性

🔒 技术实现与隐私保护

技术架构

  • • 原生API：使用浏览器内置的atob/btoa函数
  • • encodeURIComponent：标准URL编码API
  • • 正则匹配：HTML实体转换引擎
  • • Base64算法：符合RFC 4648标准
  • • JWT解析：Base64解码+JSON.parse组合

隐私保护

  • • 100%本地处理：所有编解码在浏览器完成
  • • 零服务器请求：数据不会上传
  • • 敏感数据安全：Token、密钥可安全处理
  • • 无日志记录：关闭页面后无痕迹
  • • 开源透明：代码公开可审查

性能数据：Base64编解码10KB数据<20ms，URL编解码<10ms，JWT解析<50ms，进制转换<5ms。支持Chrome 90+、Firefox 88+、Safari 14+等现代浏览器。