URL解析器
输入一个 URL 即自动拆解出协议、域名、路径、锚点与查询参数，参数以可视化列表呈现并支持编辑增删，最后一键重新拼装为标准 URL，便于调试链接。
🔗 URLParser
📐 工作原理与说明
拆解 URL 的各个组成部分。
- 结构：
scheme://host:port/path?query#fragment。 - 组成：协议、主机名、端口、路径、查询串与片段标识。
- 端口：可省略，按协议取默认值（http 为 80、https 为 443）。
- 用途：提取域名与路径、校验 URL 合法性、分析链接结构。
Parse any URL into scheme, host, path, query and fragment in your browser, and inspect or edit each component.
查询参数
构建结果
-
📋 URL结构说明
protocol://username:password@hostname:port/pathname?search#hash
| 部分 | 说明 | 示例 |
|---|---|---|
| protocol | 协议，访问资源的方式 | https:, http:, ftp: |
| hostname | 主机名/域名 | www.example.com |
| port | 端口号（可选） | 8080, 443 |
| pathname | 路径，资源位置 | /path/to/page |
| search | 查询字符串，?开头 | ?key=value&foo=bar |
| hash | 片段标识符，#开头 | #section |
| username/password | 认证信息（少用） | user:pass@ |
🌐 常见端口号
| 端口 | 协议 | 用途 |
|---|---|---|
| 21 | FTP | 文件传输 |
| 22 | SSH | 安全远程登录 |
| 80 | HTTP | 超文本传输（默认） |
| 443 | HTTPS | 加密HTTP（默认） |
| 3306 | MySQL | MySQL数据库 |
| 5432 | PostgreSQL | PostgreSQL数据库 |
| 6379 | Redis | Redis缓存 |
| 8080 | HTTP-ALT | HTTP备用/开发 |
| 27017 | MongoDB | MongoDB数据库 |
📝 URL示例
https://www.google.com/search?q=hello+world&hl=zh-CN
https://github.com/user/repo/pull/123#issuecomment-456
http://localhost:3000/api/users?id=1&format=json
https://www.bilibili.com/video/BV1xx411c7mD?p=5&t=120
https://zh.wikipedia.org/wiki/URL#语法
📜 解析历史
📚 深度解析：URL 解析器
💡 常见使用场景
- 拆出协议、主机、路径、查询、锚点。
- 核对重定向规则：把 URL 拆开看清协议、主机、端口、路径与查询，确认规则匹配的是哪一部分。
解析
`https://ex.com:443/p?a=1&b=2#top` → protocol=https, host=ex.com, port=443, path=/p, query=a=1&b=2, hash=top。
❓ 常见问题（FAQ）
- 默认端口要显示吗？
- 解析会保留显式端口；默认端口(80/443)常省略。
- 为什么解析不出查询参数？
- 常见原因：查询串里有未编码的 #（会被当作片段标识符，其后内容不属于查询）、多个 ? 导致切分错误，或参数值里含 & 却未编码。另外相对 URL 需先基于一个基准 URL 解析，直接解析会缺少协议与主机部分。
⚠️ 使用说明与注意事项
- 本工具纯前端运行，数据不会上传到服务器
- 建议在主流浏览器（Chrome/Safari/Firefox/Edge）中使用
- 计算结果仅供参考，请以实际应用场景为准
▼
工具简介
URL解析器。专为开发者打造的在线工具，纯前端运行，代码不离开浏览器。