URL 编码会把 URL 中的特殊字符转换为 % 开头的十六进制形式,避免在传输或解析过程中产生歧义。
这个工具同时提供 encodeURI 和 encodeURIComponent 两种编码结果,并支持反向解码,便于前后端联调和参数排查。
encodeURI 与 encodeURIComponent 的区别
| 方法 | 适用场景 | 说明 |
|---|---|---|
encodeURI | 编码完整 URL | 保留 :/?&=# 等 URL 结构字符 |
encodeURIComponent | 编码单个参数值 | 会编码 ?、&、=、/ 等保留字符 |
> 处理查询参数时,优先使用 encodeURIComponent,避免参数被错误拆分。
常见字符编码
| 字符 | 编码后 | 说明 |
|---|---|---|
| 空格 | %20 | URL 中不能直接使用空格 |
! | %21 | 感叹号 |
" | %22 | 双引号 |
# | %23 | 片段标识符 |
% | %25 | 百分号本身 |
& | %26 | 参数分隔符 |
+ | %2B | 加号 |
= | %3D | 键值分隔符 |
? | %3F | 查询起始符 |
常见使用场景
- 拼接查询参数
- 处理中文或特殊符号路径
- 修复接口请求中的乱码与截断问题
- 分析重定向链接中的参数异常