URL 编码/解码器

Q: 我应该什么时候使用 URL 模式而不是组件模式？

编码单个查询参数值（例如搜索词）时使用组件模式。编码完整 URL 路径或需要整个字符串对 URL 安全时使用 URL 模式。组件模式会编码更多字符，因为它假定该值将被放置到 URL 结构内部。

Q: 为什么编码 'Hello World' 得到的是 'Hello%20World' 而不是 'Hello+World'？

在 URL 路径段中，空格编码为 %20。空格使用 + 编码仅用于 application/x-www-form-urlencoded 数据（HTML 表单提交）。现代最佳实践是在 URL 中一致使用 %20。本计算器对 URL 编码使用 %20。

Q: 我可以编码表情符号或带重音字母等非 ASCII 字符吗？

可以。非 ASCII 字符首先转换为 UTF-8 字节，然后每个字节进行百分号编码。例如，表情符号 ☺ (U+1F600) 变成 %F0%9F%98%80。é (U+00E9) 等带重音字符变成 %C3%A9。这是 RFC 3986 中定义的标准方法。

Q: 这和 HTML 实体编码有什么区别？

URL 编码（百分号编码）用于 URL — 它将字符转换为 %XX 十六进制代码。HTML 实体编码将字符转换为命名或数字实体，如 & 表示 & 或 € 表示 €。它们服务于完全不同的目的，不能互换使用。

Q: 为什么有些 URL 即使包含特殊字符也能在没有编码的情况下正常工作？

现代浏览器会在你导航到 URL 或提交表单时自动编码 URL。但是，当你以编程方式构建 URL（在代码、API 调用或服务器端重定向中）时，你必须手动编码，因为服务器不会替你完成。

Q: 有双重编码的风险吗？

有。如果你对已编码的 URL 再次编码，%20 会变成 %2520，这是不正确的。在再次编码之前，始终检查你的输入是否已经过编码。本计算器会显示解码后的输出，以便你验证结果是否正确。

Q: 如何在 JavaScript 中处理已编码的 URL？

使用 decodeURIComponent() 进行解码，使用 encodeURIComponent() 对单个值进行编码。对于完整 URL，使用 decodeURI() 和 encodeURI()，它们会保留 URL 结构字符（/、?、# 等）。切勿使用 escape() 或 unescape() — 它们已废弃，且无法正确处理 Unicode。

空格、符号和特殊字符会破坏 URL — 百分号编码可解决此问题。对任何 URL 进行编码以安全传输，或将其解码回可读文本，即时完成。

这个计算器对您有帮助吗？

什么是URL 编码/解码器？

URL 编码/解码器可在普通文本与 URL 安全的百分号编码格式之间进行转换。对于处理查询参数、API 请求和 URL 路由的 Web 开发人员来说必不可少。

何时使用此计算器

您正在构建包含空格、符号或非 ASCII 字符的查询参数的 URL
您需要解码百分号编码的 URL 以读取其实际内容
您正在调试因未编码的特殊字符而拒绝您的 URL 的 API
您正在处理需要在使用前清理的用户提交的 URL
您需要同时批量编码或解码多个 URL 段
您正在构建必须正确编码参数的重定向或回调 URL

步骤:

输入或粘贴要编码或解码的文本/URL。
选择编码或解码模式。
单击转换按钮。
复制结果以在您的应用程序中使用。

公式

编码：不安全字符 → % + 2 位十六进制代码 ➡ 解码：%XX → 原始字符

使用场景

为 URL 构建安全的查询字符串
处理 API 请求参数
调试已编码的 URL
创建 URL 友好的别名和路径

主要优势

即时编码和解码
处理所有特殊字符
完全在浏览器中运行
免费，无需注册

专业提示

始终编码用户生成的 URL 参数
在 JavaScript 中对查询参数使用 encodeURIComponent()
向用户显示 URL 前先解码以保证可读性

需要避免的常见错误

不小心对 URL 进行双重编码
在错误的上下文中使用错误的编码（URL 与 HTML）
忘记 + 在查询字符串中表示空格，但在路径段中则不表示

关键术语解释

URL 编码：为安全 URL 进行的百分号编码
百分号编码：% 后跟十六进制代码
查询字符串：URL 中 ? 之后的参数
保留字符：在 URL 中具有特殊含义的字符

示例

编码 "Hello World & Friends!" → "Hello%20World%20%26%20Friends%21"。解码 "search%3Fq%3Dhello+world" → "search?q=hello world"。

解读您的结果

编码器将不安全的 URL 字符（空格、&、?、#、非 ASCII 等）转换为百分号编码格式，其中每个字符变为 % 加两位十六进制代码。解码器逆转此过程，恢复原始可读文本。字符数有助于你验证编码是否意外重复或截断了你的输入。组件模式编码更广泛的字符集，专为编码单个查询参数值而设计。URL 模式对要编码的内容更严格，专为编码完整 URL 路径或整个 URL 而设计。构建查询字符串时使用组件模式，编码完整 URL 时使用 URL 模式。批量模式允许你一次编码或解码多行，当你有要处理的 URL 或参数列表时非常有用。每行都被视为单独的输入，所有结果一起显示，方便复制。

常见问题

为什么 URL 需要编码？

URL 只能包含某些 ASCII 字符。空格、&、?、# 等字符以及非 ASCII 字符必须进行编码（百分号编码），以确保在互联网上安全传输。

什么是百分号编码？

百分号编码会用 % 符号加上两位十六进制代码来替换不安全字符。例如，空格变成 %20，& 变成 %26。

URL 编码和 HTML 编码一样吗？

不一样。URL 编码（百分号编码）用于 URL。HTML 编码使用 & 表示 &、< 表示 < 等实体。它们在 Web 开发中的用途不同。

我应该什么时候使用 URL 模式而不是组件模式？

编码单个查询参数值（例如搜索词）时使用组件模式。编码完整 URL 路径或需要整个字符串对 URL 安全时使用 URL 模式。组件模式会编码更多字符，因为它假定该值将被放置到 URL 结构内部。

为什么编码 'Hello World' 得到的是 'Hello%20World' 而不是 'Hello+World'？

在 URL 路径段中，空格编码为 %20。空格使用 + 编码仅用于 application/x-www-form-urlencoded 数据（HTML 表单提交）。现代最佳实践是在 URL 中一致使用 %20。本计算器对 URL 编码使用 %20。

我可以编码表情符号或带重音字母等非 ASCII 字符吗？

可以。非 ASCII 字符首先转换为 UTF-8 字节，然后每个字节进行百分号编码。例如，表情符号 ☺ (U+1F600) 变成 %F0%9F%98%80。é (U+00E9) 等带重音字符变成 %C3%A9。这是 RFC 3986 中定义的标准方法。

这和 HTML 实体编码有什么区别？

URL 编码（百分号编码）用于 URL — 它将字符转换为 %XX 十六进制代码。HTML 实体编码将字符转换为命名或数字实体，如 & 表示 & 或 € 表示 €。它们服务于完全不同的目的，不能互换使用。

为什么有些 URL 即使包含特殊字符也能在没有编码的情况下正常工作？

现代浏览器会在你导航到 URL 或提交表单时自动编码 URL。但是，当你以编程方式构建 URL（在代码、API 调用或服务器端重定向中）时，你必须手动编码，因为服务器不会替你完成。

有双重编码的风险吗？

有。如果你对已编码的 URL 再次编码，%20 会变成 %2520，这是不正确的。在再次编码之前，始终检查你的输入是否已经过编码。本计算器会显示解码后的输出，以便你验证结果是否正确。

如何在 JavaScript 中处理已编码的 URL？

使用 decodeURIComponent() 进行解码，使用 encodeURIComponent() 对单个值进行编码。对于完整 URL，使用 decodeURI() 和 encodeURI()，它们会保留 URL 结构字符（/、?、# 等）。切勿使用 escape() 或 unescape() — 它们已废弃，且无法正确处理 Unicode。

URL 编码/解码器

什么是URL 编码/解码器？

何时使用此计算器

步骤:

公式

使用场景

主要优势

专业提示

需要避免的常见错误

关键术语解释

相关概念

示例

解读您的结果

常见问题

相关工具

宽高比计算器

带宽计算器

下载时间计算器

云托管成本计算器

CDN 成本计算器

API变现计算器

URL 编码/解码器

什么是URL 编码/解码器？

何时使用此计算器

步骤:

公式

使用场景

主要优势

专业提示

需要避免的常见错误

关键术语解释

相关概念

示例

解读您的结果

常见问题

相关工具

宽高比计算器

带宽计算器

下载时间计算器

云托管成本计算器

CDN 成本计算器

API变现计算器