URL 解析

拆解 URL 的协议、主机、路径与查询参数。

协议 (protocol)https
主机名 (hostname)www.example.com
主机 (host,含端口)www.example.com:8080
端口 (port)8080
路径 (pathname)/path/to/page
查询字符串 (search)?a=1&b=%E4%B8%AD%E6%96%87
锚点 (hash)#section-2
用户名 (username)user
密码 (password)******
a1
b中文

什么是URL 解析?

URL解析工具用来把一个完整的URL字符串拆解成协议(scheme)、主机名(host)、端口(port)、路径(pathname)、查询参数(search/query)、哈希片段(hash)等组成部分。例如输入 https://www.example.com:8080/search?q=你好&page=2#result 会被拆分为:协议https,主机www.example.com,端口8080,路径/search,查询字符串q=你好&page=2,哈希result。工具内部通常直接调用浏览器原生的URL/URLSearchParams API解析,不依赖服务器。

为什么使用URL 解析?

前端开发中经常需要读取当前页面URL的某个参数、拼接跳转链接,或调试第三方回调URL(如OAuth回调、支付回调)里携带了哪些参数,这时人工肉眼数容易出错,尤其是URL中有编码字符(%E4%BD%A0)、多层查询参数嵌套的情况。与“查询参数解析”工具的区别是:URL解析关注整个URL的结构(协议/主机/路径/参数),查询参数工具只专注于?后面的键值对互转。

使用示例

普通链接

输入 https://user:[email protected]:443/a/b?x=1&y=2#top → 协议https,用户信息user:pass,主机sub.example.com,端口443,路径/a/b,参数x=1&y=2,锚点top。

中文与编码参数

输入 https://www.baidu.com/s?wd=%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD → 解析并自动解码得到参数 wd=人工智能,方便直接看懂中文含义。

缺少协议头导致解析失败

输入 www.example.com/path(没有http://或https://前缀),标准URL解析器会报错或要求补全协议,这是新手最常遇到的“解析失败”原因。

使用提示

如果URL里携带了登录态token或API密钥等敏感信息,建议解析后及时清空输入框,避免残留在浏览器历史记录或截图中造成泄露。

常见问题

为什么必须包含协议才能解析?
本工具基于浏览器内置的 URL 对象解析,要求输入是完整合法的 URL(含 http:// 或 https:// 等协议前缀),若只输入域名或路径会提示无效。
查询参数如何展示?
会把 ? 后的查询字符串按 & 拆分为键值对列表逐项展示,并自动处理 URL 编码,如中文、特殊字符会被正确解码显示。
数据会上传吗?
不会。URL 解析使用浏览器内置 URL 对象,全部在本地完成。
为什么我输入的URL解析报错?
最常见原因是缺少协议前缀(http://或https://),或URL中包含未编码的非法字符(如裸露的空格、未编码中文),标准URL解析器(WHATWG URL)要求合法格式。
中文参数会自动解码吗?
会,工具通常对query部分自动做URL解码(decodeURIComponent),方便直接看懂中文内容,但原始URL本身仍是编码后的%xx形式。
和查询参数解析工具有什么区别?
URL解析处理整条URL(协议、主机、端口、路径等);查询参数解析只处理?后面的key=value部分,两者可以配合使用。
支持IPv6主机吗?
支持,IPv6地址在URL中需要用方括号包裹,如 http://[2001:db8::1]:8080/,标准解析器能正确识别并提取主机部分。
数据安全吗?
解析在浏览器本地完成,不会把你输入的URL发送到服务器,适合查看包含token、密钥等敏感参数的回调链接。

相关工具

← 返回工具箱· 数据均在浏览器本地处理,不上传服务器。