本工具把一条完整 URL 拆解为协议、主机、端口、路径、哈希，并列出全部查询参数，方便接口调试、构造请求链接与排查参数问题，解析过程在浏览器本地完成。
使用步骤
- 在顶部输入框粘贴完整 URL（需要带协议，如
https://）。
- 点击解析按钮。
- 结果表格逐行显示：协议 protocol、主机 host、主机名 hostname、端口 port、路径 pathname、哈希 hash。
- 表格下方的参数区把查询串按
key=value 每行一个列出；没有参数时显示“无查询参数”。
- 未输入时提示“请输入 URL”；URL 不合法时输入框下方出现红色
解析失败：…。
小区别：host 包含端口（如 example.com:8443），hostname 不含端口；URL 中省略端口时 port 显示为 -。
一条典型 URL 由以下部分组成：
- scheme 协议：如
http、https，结果中带结尾冒号。
- host / hostname 主机：域名或 IP；host 可能带端口，hostname 只是主机名。
- port 端口：可省略。http 默认 80，https 默认 443，使用默认端口时 URL 中通常不写，port 字段为空。
- path 路径：主机之后的资源路径，以
/ 开头。
- query 查询串：
? 之后的部分，用于传参。
- hash 哈希：
# 之后的片段（fragment），如页面锚点。
| 组成 |
值（以示例 URL 解析） |
| protocol | https: |
| host | www.example.com:8443 |
| hostname | www.example.com |
| port | 8443 |
| pathname | /a/b |
| hash | #top |
示例 URL：https://www.example.com:8443/a/b?x=1#top。若只输入 www.example.com 而不带协议，浏览器无法判断各部分边界，可能解析失败。
- 查询串格式：
?key1=value1&key2=value2，多个参数用 & 连接；同名 key 可以出现多次。
- 需要编码：参数名和值中出现中文、空格或
&、=、# 等保留字符时，应用 encodeURIComponent() 编码后再拼接，否则会截断或错分参数。
- fragment 不发送给服务器：
# 之后的哈希只在浏览器端使用，用于页内定位或前端路由，不会随 HTTP 请求发到服务端，接口取参时不要指望它。
| 原字符 |
编码后 |
| 空格 | %20 |
| & | %26 |
| 中 | %E4%B8%AD |
调试提示：接口报参数错误时，先核对参数之间是否多写或少写 &，以及值是否被重复编码（出现 %25 往往意味着被编码了两次）。
