URL 编码 / 解码器
对 URL 中的特殊字符进行编码,或将百分号编码字符串解码回可读文本。即时显示结果。
URL 编码工具
快速参考 — 常见 URL 编码
| 字符 | 编码 | 描述 |
|---|---|---|
| 空格 | %20 | 空格字符 |
| ! | %21 | 感叹号 |
| # | %23 | 井号/片段 |
| $ | %24 | 美元符号 |
| & | %26 | 和号 |
| + | %2B | 加号 |
| / | %2F | 正斜杠 |
| = | %3D | 等号 |
| ? | %3F | 问号 |
| @ | %40 | at 符号 |
什么是 URL 编码?
URL 编码(也称为百分号编码)是一种将特殊字符转换为可在 URL 中安全传输的格式的机制。URL 只能包含 ASCII 字符集中有限的字符。超出此范围的字符——包括空格、引号和非 ASCII 字符——必须替换为百分号(%)后跟两个表示该字符字节值的十六进制数字。
例如,空格编码为 %20,和号编码为 %26,日文字符"あ"编码为 %E3%81%82。
encodeURI 与 encodeURIComponent 的区别
JavaScript 提供两个具有不同行为的 URL 编码函数:
encodeURI() 编码完整的 URL,同时保留在 URL 中具有特殊含义的字符::// / ? = & # @。当编码完整 URL 并且您想保持其结构完整时使用此函数。
encodeURIComponent() 编码所有内容,包括 ? = & /。当编码单个查询参数值或将插入到 URL 中的任何字符串时使用此函数。这是编码用户输入时更安全的选择。
示例:对于 URL https://example.com/search?q=hello world:
encodeURI() → https://example.com/search?q=hello%20world(保留结构)
encodeURIComponent() → https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world(编码所有内容)
常见 URL 编码示例
空格 → %20:空格是最常被编码的字符。在表单提交中,空格也可能显示为 +。
& → %26:和号分隔查询参数。如果您的数据包含字面的 &,必须对其进行编码以避免被解释为分隔符。
= → %3D:等号在查询字符串中分隔键和值。如果它出现在数据值中则需要编码。
/ → %2F:正斜杠是路径分隔符。在参数值中对其编码以避免破坏 URL 路径结构。
常见问题
- 什么是 URL 编码?
- URL 编码用
%后跟两个十六进制数字替换特殊字符。这确保 URL 有效,因为 URL 中只允许某些 ASCII 字符。 - 如何在线编码 URL?
- 在上方粘贴您的文本并点击编码。使用完整 URL 模式保留 URL 结构,或使用组件模式编码所有内容(包括特殊 URL 字符)。
- URL 中的 %20 是什么意思?
- %20 是空格字符的百分号编码表示。URL 不能包含字面空格,因此必须将其编码为 %20。
- 如何解码 URL?
- 粘贴百分号编码的 URL 并点击解码。所有
%XX序列将被转换回原始字符。 - URL 中哪些字符需要编码?
- 空格、引号、尖括号、花括号、管道符、反斜杠和非 ASCII 字符。当
? = & #作为数据值(而非 URL 结构)使用时也需要编码。