功能开发中
首页 / Web / URL解析器

URL解析器

解析和分析URL组件。

解析结果

完整 URL
协议 (Protocol)
用户名 (Username)
密码 (Password)
主机名 (Hostname)
端口 (Port)
路径 (Path)
参数 (Query)
哈希 (Hash)

查询参数

解析的查询参数将显示在这里

URL 格式示例

基本 URL: https://example.com
带路径: https://example.com/path/to/page
带参数: https://example.com/search?q=test&page=1
带锚点: https://example.com/page#section

关于 URL 结构

URL (Uniform Resource Locator) 遵循特定的结构：协议://用户名:密码@主机名:端口/路径?查询参数#片段

组成部分:

  • 协议: 如 http, https, ftp 等
  • 主机名: 服务器的域名或 IP 地址
  • 端口: 可选，如果不指定则使用默认端口
  • 路径: 服务器上资源的路径
  • 查询参数: 以 ? 开头，用 & 分隔的键值对
  • 片段: 以 # 开头，指向页面内的特定部分
使用教程
  1. 基本解析操作：
  2. 解读解析结果：
  3. 查看查询参数详情：
使用场景
  • API接口文档编写：准确提取和描述各URL路径变量(Path Variable)和查询参数的含义与类型。
  • OAuth授权回调分析：逐一解析验证第三方登录回调URL中携带的临时凭证参数完整性。
  • UTM追踪参数提取：从推广链接中提取五个UTM追踪参数以评估各渠道营销效果。
  • CDN缓存Key排查：对比请求URL的查询参数顺序、大小写及编码方式是否与缓存Key生成规则一致。
  • 安全审计URL注入检测：检查query参数是否存在SQL注入、XSS攻击或路径遍历等恶意payload。
  • 重写规则(Rewrite Rule)调试：精确匹配URL的各部分以确保Nginx/Apache正则表达式正确分组捕获。
  • 深链(Deep Link)解析：从唤醒URL中提取路由信息并分发给对应的原生页面控制器。
  • 相对路径转绝对URL：理解相对路径如何相对于基础URL的各组件进行合并解析。
常见问题
Q: URL中的端口号为空是什么意思？浏览器如何确定使用哪个端口？
A: 未显式指定端口时，浏览器会根据协议自动使用默认端口（HTTP默认80，HTTPS默认443，FTP默认21）。此时工具的port字段返回空字符串并显示"N/A"。只有显式写了非默认端口（如:8080）时才会显示具体数值。
Q: 解析出的Username和Password在实际中有何用途？为什么现在很少见到？
A: 该格式源自早期FTP匿名登录和HTTP Basic Authentication。现代Web开发强烈不建议使用，因为凭证明文暴露在URL中极易被历史记录和日志泄露，且大多数浏览器已弃用此格式的自动认证弹窗。建议改用Authorization请求头或OAuth Token等更安全的机制。本工具保留此项仅为兼容老旧系统调试及教学目的。
Q: 查询参数解析时如果同一个key出现多次会如何处理？
A: 当前版本采用“后者覆盖前者”策略，最终只保留最后一个值。若需处理同名多值参数（如PHP或Python支持的数组形式），建议使用原生的URLSearchParams.getAll()方法。本工具的设计定位偏向于常见的单值参数场景。
工具名称 URL解析器
所属分类 Web
更新时间 2026-06-23
使用次数 47
工具简介 解析和分析URL组件。
功能特性
九维度结构拆解：使用URL对象API一次性提取href/protocol/username/password/hostname/port/pathname/search/hash共9个属性，全面覆盖URL组成部分。
查询参数KV解析：自定义函数按&分割查询字符串并按=分割键值对，支持无值参数处理及URL解码还原中文等特殊符号。
实时联动解析：输入框绑定input事件监听器，每次按键修改URL内容都会立即触发完整重新解析，无需手动点击按钮。
缺省值友好展示：当某字段不存在时统一显示"N/A"而非留白，确保结果区域整齐规范。
无效URL检测：配合try-catch捕获语法错误的URL，并在结果区红色显示具体的错误提示信息。
教学型UI设计：底部附带URL格式结构公式和六种组成成分的文字说明，有效降低学习曲线。
暂无收藏工具
收藏工具