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 和 + 号空格
  • 浏览器本地运行

使用方法

  1. 选择编码模式

    参数值用 encodeURIComponent,完整 URL 用 encodeURI,结构化数据用 Query 解析/构建。

  2. 粘贴输入

    在源面板输入 URL、查询字符串或 JSON,可使用内置示例快速开始。

  3. 查看输出

    结果面板实时更新,检查百分号编码字符和解码后的可读文本。

  4. 复制或切换方向

    复制结果,或点击「切换方向」在编码和解码模式间切换。

示例

参数编码

输入

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。

相关工具