它能解决什么问题
URL 看起来是一整串字符,但内部由 7 个独立组件构成。本工具帮你:
- 拆解 URL:看每个部分(scheme / host / path / query / fragment)各是什么。
- 编辑 Query 参数:表格形式增删改,自动重新拼接。
- 组件级编码:什么时候用
encodeURI、什么时候用encodeURIComponent,新人经常搞混。
使用技巧
- 不要把整个 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 替代。