encoding

URL 编码 / 解码

在浏览器本地编码和解码 URL、URI 组件、表单值与查询字符串。

当前选择:URI 组件。

查询参数值和路径片段通常用 URI 组件;完整 URL 需要保留 : / ? & 时选择完整 URL / URI。

编码结果

输入内容后将在这里显示结果。

URL 编码课程

理解百分号编码、查询字符串,以及 encodeURI 与 encodeURIComponent 的区别。

课程首页

关于此工具

DevCove URL 编码/解码工具帮助开发者安全处理 URL、查询参数、redirect_uri、路径片段和表单值。支持 encodeURIComponent、encodeURI、application/x-www-form-urlencoded 的加号空格规则、查询字符串解析与构建,以及逐行批量转换。所有处理均在浏览器本地完成。

如何使用

当你需要把文本安全放入 URL、解码复制来的 URL,或检查查询参数时,可以使用本工具。

  1. 选择「编码」或「解码」处理单个值;需要查看参数时选择「查询字符串」。
  2. 查询参数值、路径片段通常选择 URI 组件;编码完整 URL 且保留分隔符时选择完整 URL / URI。
  3. 处理 application/x-www-form-urlencoded 表单数据时选择表单值模式,此时空格使用 + 表示。
  4. 粘贴输入并查看实时结果;不合法的百分号编码会显示错误。
  5. 使用「交换」反向处理结果,使用「复制」复用结果,或复制分享链接保留当前输入。
  6. 在查询字符串模式中,可将完整 URL 或 ?key=value 解析为参数表,也可从多行键值构建查询字符串。
  7. 批量模式可逐行编码或解码,并对每行单独显示错误。

功能特点

面向 API 调试、跳转 URL、OAuth 回调、表单载荷和查询参数处理:

  • URI 组件编码,适合查询参数值、路径片段和 redirect_uri。
  • 完整 URL / URI 编码,会保留 :、/、?、&、= 等 URL 分隔符。
  • 表单值模式使用 + 表示空格,符合 application/x-www-form-urlencoded 行为。
  • 严格解码,不完整或非法百分号转义会清晰报错。
  • 查询字符串解析支持完整 URL、?query 片段、重复 key、空值与 + 空格。
  • 可从 Tab 分隔或 key=value 多行文本构建查询字符串。
  • 批量逐行编码/解码,适合迁移脚本、日志和参数列表。
  • 工具栏包含示例、清空、交换、复制与分享链接。
  • 100% 客户端处理,URL、Token 和查询参数不会上传。
  • 链向 URL 编码课程,讲解百分号编码、encodeURI 与 encodeURIComponent、查询字符串和加号问题。

常见问题

应该用 encodeURI 还是 encodeURIComponent?

单个查询参数值、路径片段和 redirect_uri 通常用 encodeURIComponent;完整 URL 且希望保留 : / ? & = 等分隔符时才用 encodeURI。

为什么空格有时会变成 +,有时是 %20?

application/x-www-form-urlencoded 表单数据常用 + 表示空格;通用 URI 百分号编码使用 %20。本工具将表单值模式单独列出,避免混淆。

可以解析完整 URL 的查询参数吗?

可以。查询字符串模式接受完整 URL 或原始 ?key=value 字符串,会提取 query 部分,解码键和值,并将重复参数保留为多行。

遇到非法百分号编码会怎样?

解码器会报告格式错误,例如不完整或非法的百分号字节。这样可以在写入代码或文档前发现复制损坏的 URL。

我的 URL 会上传到 DevCove 吗?

不会。编码、解码、解析和构建查询字符串都在浏览器本地运行,DevCove 不会上传或保存你的输入。