URL 解析工具

概述

URL 解析工具将链接拆解为协议、用户名、密码、主机名、端口、路径、查询参数和哈希各个组成部分,并将查询参数格式化为 JSON 结构,方便逐项检查和复制。输入不含协议的域名时工具会自动补全 https:// 再解析。

一个完整 URL 的解析示例

输入:

https://me:pwd@example.com:5436/t/url-parser?key1=value&tag=js&tag=vue#the-hash

解析结果:

  • 协议https:
  • 用户名me
  • 密码pwd
  • 主机名example.com
  • 端口5436
  • 路径/t/url-parser
  • 查询?key1=value&tag=js&tag=vue
  • 哈希#the-hash

查询参数 JSON:

{
  "key1": "value",
  "tag": ["js", "vue"]
}

同一键名出现多次(如 tag=js&tag=vue)时,结果会自动合并为数组。

哈希参数的解析条件

哈希(#...)内容只有在包含 = 字符时才会被当作键值对解析,否则原样显示为字符串。例如 #the-hash 不会解析,#token=abc&expires=3600 会被解析为 JSON 结构。这种哈希参数在单页应用(SPA)的路由中很常见。

没有协议时的处理

输入 example.com/path?q=search 这类纯域名,工具会先在前面加上 https:// 再解析,最终结果中协议字段会显示 https:,路径、参数可以正常提取。如果需要解析 http:// 协议的链接,必须完整输入协议前缀,否则会被自动升级为 https://

URL 含中文或特殊字符时的显示

URL 中的百分号编码(如 %E4%B8%AD%E6%96%87 表示"中文")会在解析结果中以解码后的明文显示,便于阅读。复制某一组件后得到的是解码后的内容,若需要保留编码形式,请从查询字段中复制原始字符串。