URL 编解码
encodeURIComponent 用于 Query 参数值;encodeURI 用于完整 URL。解码时 + 号会按空格处理。
Query String Parser - URL 参数解析
免费 Query String 解析器,将 URL 查询参数转为 JSON 对象,或从 JSON 构建 Query String。
选择「解析 Query」模式,粘贴 ?key=value&... 或完整 URL,右侧输出结构化 JSON。
Web 开发者在构建 API 请求、OAuth 回调 URL、表单提交和深度链接时使用 URL 编码。encodeURIComponent 处理单个参数值,encodeURI 保留 URL 结构字符。混淆两者的用法是导致链接失效和 API 调用失败的常见原因。
WaiHub URL 工具支持参数级编码(encodeURIComponent)、完整 URL 编码(encodeURI)以及 Query 字符串与 JSON 的双向转换。所有处理在浏览器中完成,保护敏感的回调 URL 和 API 参数。
- encodeURIComponent 处理查询参数值
- encodeURI 编码完整 URL
- Query 字符串解析与 JSON 构建
- 编码/解码方向一键切换
- 正确处理 Unicode 和特殊字符
- 隐私优先的浏览器处理
功能特性
- encodeURIComponent / decodeURIComponent
- encodeURI / decodeURI 完整 URL
- Query 字符串解析 → JSON
- JSON → Query 字符串构建
- 即时切换编码/解码方向
- 输入时实时输出
- 内置常用模式示例
- 一键复制结果
- 处理 Unicode 和 + 号空格
- 浏览器本地运行
使用方法
选择编码模式
参数值用 encodeURIComponent,完整 URL 用 encodeURI,结构化数据用 Query 解析/构建。
粘贴输入
在源面板输入 URL、查询字符串或 JSON,可使用内置示例快速开始。
查看输出
结果面板实时更新,检查百分号编码字符和解码后的可读文本。
复制或切换方向
复制结果,或点击「切换方向」在编码和解码模式间切换。
示例
参数编码
输入
Hello World?name=Tom&age=20输出
Hello%20World%3Fname%3DTom%26age%3D20参数解码
输入
Hello%20World%3Fname%3DTom输出
Hello World?name=Tom常见问题
- URL 编码工具免费吗?
- 是的,完全免费,无需注册。
- 数据会上传吗?
- 不会,所有编码在浏览器中完成。
- encodeURIComponent 和 encodeURI 的区别?
- encodeURIComponent 编码 ? & = 等特殊字符用于单个值;encodeURI 保留 URL 结构用于完整链接。
- + 号如何处理?
- 在 form-urlencoded 中 + 表示空格,解码时会转为空格。
- 可以商用吗?
- 可以,个人和商业用途均免费。
- 能把 Query 解析为 JSON 吗?
- 可以,使用 Query 解析模式将 name=value&key=value 转为结构化 JSON。