DevToolPal
简

URL 解析器

把 URL 拆成协议、主机、端口、路径、查询参数和片段并解码,还能编辑参数重建 URL。

本地处理,不上传

选项

URL

结果

结果会显示在这里

这个工具做什么

URL 解析器把一个网址拆成各个组成部分并逐一解码:协议、用户名和密码、主机、端口、路径、查询字符串和片段。查询参数以表格列出,每个参数一行,重复的参数名按原顺序保留,冗长的跟踪链接或 API 地址一眼就能看清。

国际化域名会同时显示 punycode 形式(网络中实际传输的形式)和解码后的 Unicode 形式;URL 没有写端口时,端口一行会显示该协议的默认端口。

使用方法

  1. 把 URL 粘贴到输入框,或点击「示例」。
  2. 在结果面板里查看各个部分,每个值都带复制按钮。
  3. 在表格里修改、添加或删除查询参数,输入框会同步更新为重建后的 URL,可以直接复制。

百分号编码有误(例如 %zz)时解析不会中断,会显示原文并把该参数标记为编码有误。

示例

https://user:p%40ss@www.example.com:8080/docs/getting%20started/?q=caf%C3%A9+au+lait&tag=js#install

这个 URL 的协议是 https,用户名 user、密码 p@ss,主机 www.example.com,端口 8080,解码后的路径是 /docs/getting started/,参数为 q = café au lait 和 tag = js,片段是 install。

小贴士

  • 可以用它检查重定向和回调地址:值里多出的 # 或未编码的 & 都会改变参数的边界。
  • 只想编码或解码单个值而不是整个 URL 时,请用「URL 编码/解码」工具。
  • 所有处理都在浏览器本地完成,含有令牌的 URL 不会被上传。

常见问题

› 解析器是怎样读取 URL 的?

使用和浏览器相同的 WHATWG URL 算法,所以看到的主机、端口和路径就是浏览器实际请求的内容。查询字符串另外手动拆分,每个参数都会同时显示原文和解码后的值。

› 可以粘贴不带 https:// 的 URL 吗?

可以。example.com/page 或 localhost:3000/api 这样的输入会按 https:// 解析,结果里会提示协议是推断出来的。

› 为什么 + 变成了空格?

在 HTML 表单编码里,查询字符串中的 + 表示空格。如果你的服务器把 + 当作普通字符,请在选项里关闭「查询参数中的 + 解码为空格」。

› 编辑参数后会发生什么?

查询字符串会按正确的百分号编码重新生成并写回输入框,所以上方的 URL 始终和表格一致。删除所有参数时 ? 也会一起去掉。