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@

🌐 常见端口号

端口协议用途
21FTP文件传输
22SSH安全远程登录
80HTTP超文本传输(默认)
443HTTPS加密HTTP(默认)
3306MySQLMySQL数据库
5432PostgreSQLPostgreSQL数据库
6379RedisRedis缓存
8080HTTP-ALTHTTP备用/开发
27017MongoDBMongoDB数据库

📝 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 解析,直接解析会缺少协议与主机部分。
⚠️ 使用说明与注意事项
📖关于「URL解析器」 ▼

📝工具简介

URL解析器。专为开发者打造的在线工具,纯前端运行,代码不离开浏览器。