FormLab

URL 编解码 + 解析器

完整拆解 URL、查看与编辑 Query 参数、组件级编解码。

拆解结果
Scheme
—
Userinfo
—
Host
—
Port
—
Path
—
Query (raw)
—
Fragment
—
Query 参数(已解析)

它能解决什么问题

URL 看起来是一整串字符,但内部由 7 个独立组件构成。本工具帮你:

使用技巧

  • 不要把整个 URL 丢进 encodeURIComponent:会把 /、?、& 全编码,导致 URL 失效。正确做法是只编码参数值。
  • 注意空格编码:URL 标准是 + 或 %20 都表示空格,前端解码时要看后端用哪种约定(表单 POST 默认 +,GET 默认 %20)。
  • 中文路径:现代浏览器地址栏会显示 Unicode,但 HTTP 协议要求路径是 ASCII,所以底层是 UTF-8 后 percent-encode。
  • 本工具仅做编解码:不会发起任何 HTTP 请求,安全地分析任意字符串。

FAQ

encodeURI 和 encodeURIComponent 的根本区别?

encodeURI 用于完整 URL,保留 URL 结构字符(:/?#&=+,;$@)。encodeURIComponent 用于组件(参数值),编码更激进。

解码失败怎么办?

通常是源不是合法的 UTF-8 序列。本工具用宽松解码,遇到非法字节用 U+FFFD 替代。

相关工具