URL解码/编码
输入
输出
如何使用 URL 编码解码
- 选择编码方式:查询参数用 encodeURIComponent;完整网址用 encodeURI;HTML 表单用表单编码(空格为 +)。
- 在输入框粘贴文本或 URL,支持多行,每行单独转换。
- 点击编码或解码。全部在浏览器本地完成。
encodeURI 和 encodeURIComponent 的区别
encodeURI 不会编码 / ? : @ & = + $ # 等 URL 结构字符,适合处理完整地址。encodeURIComponent 会编码这些字符,适合编码单个查询参数值。表单编码与 encodeURIComponent 类似,但把空格写成 +,解码时会把 + 还原为空格。
常见需要编码的字符
| 字符 | 编码 | 说明 |
|---|---|---|
| 空格 | %20 或 + | 查询参数常用 %20,表单常用 + |
| # | %23 | 片段分隔 |
| & | %26 | 参数分隔 |
| + | %2B | 未编码的 + 在表单里可能被当成空格 |
| / | %2F | 路径分隔,参数值里应编码 |
| = | %3D | 参数赋值 |
| ? | %3F | 查询串开始 |
| 中 | %E4%B8%AD | 非 ASCII 先转 UTF-8 再百分号编码 |
排错
- 出现 %2520 表示二次编码,先解码一次再确认真实值。
- 百分号后不是两位十六进制,或中文被截成 %E4,解码会失败。
- 嵌套回调地址里的 ? 和 & 必须作为参数值编码,不要编码已经拼好的外层 URL。