# 錨點和 ? 查詢引數有什麼區別？

? 之後是查詢引數，會發送到服務端參與處理；# 之後是片段識別符號，通常只在瀏覽器端定位，不會隨請求發給伺服器。

相對 URL 怎麼解析成絕對地址？

以當前頁面 URL 為基準，補全協議、主機與路徑字首；本工具可基於你給定的基準地址把 ./page 或 /api/x 還原為完整連結。

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

協議

域名

埠

路徑

雜湊(#)

查詢引數

構建結果

-

📋 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@

🌐 常見埠號

埠	協議	用途
21	FTP	檔案傳輸
22	SSH	安全遠端登入
80	HTTP	超文本傳輸（預設）
443	HTTPS	加密HTTP（預設）
3306	MySQL	MySQL資料庫
5432	PostgreSQL	PostgreSQL資料庫
6379	Redis	Redis快取
8080	HTTP-ALT	HTTP備用/開發
27017	MongoDB	MongoDB資料庫

📝 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解析器