URL 编解码
encodeURIComponent / decodeURIComponent。可以把整段 URL 的查询参数 自动拆成键值对表格,方便看清楚每个参数的意义。所有处理本地完成。
使用说明 / 常见问题
encodeURI 和 encodeURIComponent 的区别
encodeURI 把一段完整 URL 编码,会保留 URL 结构字符(如
: / ? #)。
encodeURIComponent 把字符串当成 URL 的某个组成部分(如查询参数值),
上述结构字符都会被转义。
大多数情况下你想要的是 encodeURIComponent。
"+" 和 "%20" 有什么不同
两者都表示空格。
+ 是早期 form-urlencoded(HTML 表单提交)的约定,
%20 是标准 percent-encoding。
encodeURIComponent 输出的是 %20,
服务器端绝大多数都两种都能解。
URL 参数拆分能处理什么
你可以粘贴一段完整 URL,比如
https://example.com/path?foo=hello%20world&bar=%E4%B8%AD%E6%96%87,
工具会自动列出每个查询参数的 key、原始值、解码后的值。
非常适合 debug API 调用、看清楚 tracking 参数都带了什么。
支持 Hash 部分(# 之后)吗
支持。URL Hash 也会拆出来单独展示,并尝试按 & 切分为键值对
(Hash 内常用于 SPA 路由参数)。