URL编解码器

什么是 URL 编码工具？

URL 编码（又称百分号编码，Percent-encoding）工具是一款实现文本与 URL 安全编码之间相互转换的在线工具。URL 规范（RFC 3986）规定只有特定字符可以安全地出现在 URL 中：字母、数字和少数特殊字符（- _ . ~）。中文、空格、&、=、? 等字符在 URL 中需要进行百分号编码——将字符转为 % 后跟两位十六进制数（如空格→%20，中→%E4%B8%AD）。本工具支持 encode（编码）和 decode（解码）双向转换，同时区分 encodeURIComponent（编码所有特殊字符）和 encodeURI（保留 URL 结构字符）两种模式。

如何使用 URL 编码工具

1. 步骤一：选择操作模式 — 选择"编码"将普通文本转为 URL 安全格式，或选择"解码"将 %XX 编码还原为原始文本。
2. 步骤二：输入内容 — 在输入框中粘贴需要处理的文本或 URL 片段。
3. 步骤三：获取结果 — 编码/解码结果实时显示，同时展示 encodeURIComponent 和 encodeURI 两种编码的差异（如果适用）。

常见使用场景

技术原理

URL 编码规则：非保留字符（字母、数字、- _ . ~）保持不变；其他字符转为 UTF-8 字节序列，每个字节表示为 % 加两位十六进制。JavaScript 提供了两个内置函数：encodeURIComponent() 编码所有特殊字符（包括 :/?#[]@!$&'()*+,;=），encodeURI() 保留 URL 结构字符（:/?#[]@!$&'()*+,;=）。

// URL 编码对比
const text = "Hello World! 你好";

encodeURIComponent(text);
// "Hello%20World!%20%E4%BD%A0%E5%A5%BD"

encodeURI(text);
// "Hello%20World!%20%E4%BD%A0%E5%A5%BD"

// 区别在于 URL 结构字符
const url = "https://example.com/path?q=测试&lang=zh";
encodeURI(url);       // 保留 :/?&= 不编码
encodeURIComponent(url); // 全部编码

// 解码
decodeURIComponent("%E4%BD%A0%E5%A5%BD"); // "你好"
decodeURI("%E4%BD%A0%E5%A5%BD");          // "你好"

最佳实践与注意事项

• URL 路径参数使用 encodeURI 或 encodeURIComponent，查询参数值使用 encodeURIComponent。
• 不要对整个 URL 使用 encodeURIComponent，它会编码 :/? 等结构字符导致 URL 无法访问。
• 表单数据通过 application/x-www-form-urlencoded 提交时，自动使用 URL 编码（+ 代替空格）。
• 现代框架（如 axios、fetch）通常自动处理参数编码，手动编码可能导致双重编码。

常见问题