URL解析器

🔗 URLParser

URLParser is available directly in your browser, with no data uploaded.

查詢參數

構建結果

-

📋 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://api.example.com/v1/user?id=1001&token=abc#profile,得到協議 https、主機 api.example.com、路徑 /v1/user、查詢 id=1001&token=abc、錨點 profile。

❓ 常見問題(FAQ)

# 錨點和 ? 查詢參數有什麼區別?
? 之後是查詢參數,會發送到服務端參與處理;# 之後是片段標識符,通常只在瀏覽器端定位,不會隨請求發給伺服器。
相對 URL 怎麼解析成絕對地址?
以當前頁面 URL 為基準,補全協議、主機與路徑前綴;本工具可基於你給定的基準地址把 ./page 或 /api/x 還原為完整鏈接。
⚠️ 使用説明與注意事項
📖關於「URL解析器」

📝工具簡介

URL解析器。專為開發者打造的在線工具,純前端運行,代碼不離開瀏覽器。