无需登录 数据私有 本地保存

URL解析工具 - 在线分析URL组成

106
0
0
0

URL 解析工具

在线分析URL组成:协议、主机名、端口、路径、查询参数、哈希片段等,支持可视化分解与一键复制。

快捷示例: 完整示例 含认证+参数 UTM追踪参数 FTP协议+端口

常见问题与知识点

一个完整的 URL(统一资源定位符)通常包含以下组成部分:

  • 协议(Scheme):如 httpshttpftpws 等,定义了访问资源所使用的通信协议。
  • 认证信息(可选):格式为 username:password@,用于需要身份验证的场合,现已较少直接在URL中使用。
  • 主机名(Hostname):服务器的域名或IP地址,如 www.example.com192.168.1.1
  • 端口(Port,可选):服务器监听的端口号,如 :8080。如果省略则使用协议的默认端口(HTTP为80,HTTPS为443)。
  • 路径(Pathname):资源在服务器上的路径,如 /blog/article/123
  • 查询字符串(Search/Query):以 ? 开头,包含键值对参数,如 ?page=1&sort=desc
  • 哈希/片段(Hash/Fragment):以 # 开头,用于定位页面内的锚点或传递前端状态,如 #section-2

查询参数是URL中?之后的部分,用于向服务器传递额外的数据。它由多个键值对组成,用 & 符号分隔。例如:

https://search.example.com?q=keyword&page=2&sort=price_asc

其中 qpagesort 是参数名,keyword2price_asc 是对应的值。查询参数广泛应用于搜索、分页、筛选、追踪(如UTM参数)等场景。

URL编码(又称百分号编码)是一种将特殊字符转换为%XX格式(XX为十六进制值)的机制。因为URL中只允许使用ASCII字符集的特定字符,对于中文、空格、&=等特殊字符,必须先进行编码才能安全传输。

常见示例:

  • 空格 → %20
  • 中文"你好" → %E4%BD%A0%E5%A5%BD
  • &%26

本工具在查询参数表格中会同时展示解码后的值,方便您直观理解参数内容。

哈希片段(Fragment)是URL中#之后的部分。它主要有两个作用:

  1. 页面内锚点导航:跳转到页面中具有对应id属性的元素位置,如#faq4可定位到本问题的标题。
  2. 前端状态管理:在单页应用(SPA)中,哈希常被用于路由管理(Hash路由),因为哈希部分的改变不会触发页面重新加载。

注意:哈希片段不会被发送到服务器,它仅在浏览器端起作用。

  • 绝对URL:包含完整的协议、主机名和路径,可以独立定位资源。例如:https://www.example.com/images/logo.png
  • 相对URL:相对于当前页面的路径,省略了协议和主机名。例如:/images/logo.png../styles/main.css

本工具主要解析绝对URL。如果您输入相对URL,工具会尝试基于当前页面进行补全解析。

端口号用于标识服务器上的具体服务进程。如果URL中省略端口号,浏览器会使用该协议的默认端口:

协议默认端口说明
HTTP80超文本传输协议
HTTPS443安全超文本传输协议
FTP21文件传输协议
SSH22安全外壳协议
WebSocket80/443WebSocket连接