QQuickKit

URL 解析工具

將任意 URL 拆解為協定、域名、連接埠、路徑、查詢字串與錨點,並逐一列出所有查詢參數鍵值對。

關於此工具

QuickKit URL 解析工具使用瀏覽器原生的 URL API,將任意 URL 拆解為協定、主機名稱、連接埠、路徑、查詢字串與錨點。查詢參數會自動解碼並逐一列出為鍵值對,方便快速檢視 API 請求的參數內容。

功能特色

  • 即時解析 — 輸入 URL 時同步解析,無需點擊按鈕。
  • 完整 URL 元件 — 顯示協定、主機名稱、連接埠、路徑、查詢字串與 Hash 錨點。
  • 查詢參數表格 — 每個查詢參數獨立顯示為鍵值對,自動解碼 percent-encoded 字元。
  • 原生 URL API — 使用瀏覽器內建的 URL 建構子,與現代瀏覽器行為一致。
  • 格式驗證 — 若輸入無法解析為有效的 URL,顯示明確的錯誤訊息。

常見問題

為什麼必須包含協定(http/https)?
URL API 需要 scheme(例如 http://、https://)才能正確解析。沒有 scheme 的相對路徑不屬於有效的絕對 URL。
Percent-encoded 字元會被解碼嗎?
會。查詢參數值透過 URLSearchParams API 自動解碼,例如 %20 會顯示為空格。
URL 沒有連接埠時會顯示什麼?
若 URL 未指定連接埠,連接埠欄位顯示「(default)」,表示使用協定預設連接埠(HTTP 為 80,HTTPS 為 443)。
可以解析 data: 或 blob: URL 嗎?
URL API 可解析 data: 與 blob: URL,但其結構與 HTTP URL 不同,hostname 與 pathname 欄位可能為空或出現非預期結果。

延伸閱讀