URL 编解码
encodeURIComponent / decodeURIComponent
输入数据
支持中文、URL、查询参数等
转换模式
编码选项
编码所有特殊字符,适合查询参数
编码差异对比
encodeURIComponent
https%3A%2F%2Fexample.com%3Fq%3D%E6%B5%8B%E8%AF%95%26type%3D1encodeURI
https://example.com?q=%E6%B5%8B%E8%AF%95&type=1💡 使用说明
什么是 URL 编码?
URL 编码(百分号编码)将 URL 中的特殊字符转换为 %XX 格式,其中 XX 是字符的十六进制表示。这确保 URL 可以安全地在互联网上传输。
函数说明
- encodeURIComponent: 编码所有特殊字符,包括 : / ? & = # 等,适合编码 URL 参数值
- encodeURI: 保留 URL 结构字符(: / ? & = #),仅编码非 ASCII 字符,适合编码完整 URL
- decodeURIComponent: 解码所有 URL 编码字符
应用场景
- URL 查询参数编码(?name=张三&age=25)
- API 请求参数传递
- 表单数据提交
- URL 路径包含中文或特殊字符
常见字符编码
- 空格 → %20
- ! → %21
- # → %23
- $ → %24
- & → %26
- 中文按 UTF-8 编码(如:测 → %E6%B5%8B)
注意事项
- 应该编码查询参数的值,而非整个 URL
- 重复编码会导致错误
- URL 编码是大小写敏感的
- 某些字符在 URL 不同部分有不同的编码规则
转换结果
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3D%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C
输入大小41 字节
输出大小77 字节
大小变化+87.8%
输入字符33
输出字符77
编码字符数18
字符分析
已编码18
未编码23
编码率70.1%
转换详情
原始文本
https://example.com/search?q=你好世界↓ 编码
URL 编码
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3D%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C