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解析器。專為開發者打造的線上工具,純前端執行,程式碼不離開瀏覽器。