encoding

URL 解析 / Query 构建器

在浏览器本地解析 URL 组成部分、编辑 query 参数，并重新生成编码后的 URL。

Protocolhttps
Hostapi.example.com:8443
Port8443
Pathname/v1/search
Queryq=hello%20world&tag=dev&tag=tools&empty=&redirect=https%3A%2F%2Fdevcove.dev%2Fen%2Ftools%2Furl-encoder%2F
Hashresults
重新生成的 URLhttps://api.example.com:8443/v1/search?q=hello+world&tag=dev&tag=tools&empty=&redirect=https%3A%2F%2Fdevcove.dev%2Fen%2Ftools%2Furl-encoder%2F#results
重新生成的 query stringq=hello+world&tag=dev&tag=tools&empty=&redirect=https%3A%2F%2Fdevcove.dev%2Fen%2Ftools%2Furl-encoder%2F

Query 参数

KeyValue标记操作
-
重复
重复
空值
-
就绪

准备解析 URL。

URL 解析课程

学习 URL 的结构、解析、规范化，以及在浏览器、API、OAuth 流程和日志中的调试方法。

课程首页

关于此工具

DevCove URL 解析 / Query 构建器可以把完整 URL 或相对路径拆成 protocol、host、port、path、query、hash 和已解码的 query 行。你可以编辑重复参数、空值、redirect URL 和 tracking 参数，然后重新生成正确编码的 URL，输入不会上传到服务器。

如何使用

当你需要检查复制来的 URL、编辑 query 参数，或重新生成安全编码的链接时，可以使用这个解析器。

  1. 在 URL 输入中粘贴完整 URL、相对路径或原始 query string。
  2. 点击解析 URL，将其拆成 protocol、host、path、query、hash 和已解码的 query 行。
  3. 在 query 表格中编辑 key 和 value；重复参数和空值会被标记出来。
  4. 使用添加参数或删除调整 query 结构，然后检查重新生成的 URL 和 query string。
  5. 需要稳定排序以便对比链接或提交文档示例时，点击排序参数。
  6. 复制完整 URL、仅复制 query string，或把参数导出为 JSON。

功能特点

适合 OAuth 回调、API 调试、分析链接、跳转链接和文档示例：

  • 支持解析绝对 URL、相对路径和原始 query string。
  • 分别展示 protocol、host、port、pathname、query 和 hash。
  • 将 query 参数解码成可编辑行，同时重新生成编码后的输出。
  • 重复 key 会保留为独立行，并清晰标记。
  • 空值会被标记，便于发现意外的 key-only 参数。
  • 支持参数排序，方便稳定 diff 和可复现文档。
  • 可复制完整 URL、query string 或 JSON 参数行。
  • 全部在浏览器本地运行，适合包含 token、redirect target 或内部路径的 URL。

常见问题

可以解析相对 URL 吗？

可以。你可以粘贴 /docs/search?q=json 或 ?q=json，工具会保持相对输出，不会加上虚假的公开 host。

编辑后的值会重新编码吗？

会。表格里显示的是便于阅读的解码值，重新生成 URL 时会使用 URLSearchParams 编码，确保空格、斜杠和嵌套 URL 在 query 中安全。

重复 query 参数会怎样？

重复 key 会作为独立行保留，并标记为重复。比如 tag=dev&tag=tools 这类筛选参数不会被合并掉。

它和 URL 编码器有什么区别？

URL 编码器侧重对单个值进行 percent encode/decode；URL 解析器侧重检查完整 URL 结构并编辑 query 参数。

我的 URL 会上传吗？

不会。解析、编辑、排序和重新生成都在浏览器本地完成。