什麼是 URL 解析器?

免費線上 URL 解析器。解析 URL 的通訊協定、主機、路徑、查詢參數等組成部分。

URL 比乍看之下複雜得多。單一 URL 包含通訊協定、主機名稱、連接埠、路徑、查詢參數與錨點——每個部分各有不同用途。URL 解析器可將任何 URL 拆解為個別組成部分,並以結構化格式顯示,方便您檢查、除錯與擷取特定部分。

將任何 URL 貼入輸入欄位,解析器會立即顯示所有組成部分:通訊協定(https 或 http)、主機名稱(網域名稱)、連接埠(若已指定)、路徑(網域後的路由)、查詢字串(? 之後的所有內容)與雜湊值(# 之後的所有內容,又稱錨點)。查詢參數會以可編輯的鍵值對表格顯示,讓您輕鬆查看正在傳遞的參數並複製個別數值。

結構化拆解對網頁開發與 API 除錯極具價值。API 呼叫失敗時,您可以將 URL 貼入解析器,核對端點路徑、檢查查詢參數格式並找出編碼問題。分析追蹤 URL 時,查詢參數表格會以可讀格式顯示所有 UTM 參數與其他追蹤數值。

每個組成部分都可個別複製——當您只需要 URL 的一部分時非常實用。例如,僅擷取主機名稱以寫入設定檔,或複製查詢參數以實作重新導向。解析使用瀏覽器內建的 URL 建構器,確保拆解符合標準規範。

URL 解析器的實際應用案例

除錯損壞的 API 端點 URL

您對「https://api.example.com/v2/users?status=active&limit=50」的 API 呼叫失敗了。將其貼入解析器。主機名稱為 api.example.com、路徑為 /v2/users、查詢參數為 status=active 與 limit=50。請注意路徑使用 v2——檢查 API 是否已更新至 v3。

從行銷 URL 擷取追蹤參數

行銷連結為「https://shop.example.com/products?id=123&utm_source=newsletter&utm_medium=email&utm_campaign=summer_sale」。將其貼入解析器。查詢參數表格會清楚顯示所有 UTM 參數。複製個別數值,貼到您的活動追蹤試算表。

分析使用雜湊錨點路由的 URL

單頁應用程式(SPA)使用以雜湊值為基礎的路由:「https://app.example.com/#/dashboard/users/42」。解析器顯示路徑為 /、雜湊值為 /dashboard/users/42。這清楚表明 SPA 是使用雜湊值進行用戶端路由,而非伺服器端路徑解析。

為什麼要使用 URL 解析器?

  • Parses: protocol, hostname, port, path, query, hash
  • Query params as key-value table
  • Copy any component individually
  • Real-time parsing as you type

如何使用 URL 解析器 — 逐步教學

1

Paste a URL into the input field.

2

View all parsed components.

3

Copy any component with the copy button.

4

Review query parameters as key-value pairs.

URL 解析器適合誰?

  • API 除錯
  • URL 分析
  • 查詢參數擷取
  • 網頁開發

URL 解析器專業技巧

  • 1使用 URL 解析器核對查詢參數是否正確進行 URL 編碼。若參數值包含 & 或 =,應編碼為 %26 或 %3D,以免參數被拆分。
  • 2URL 的雜湊值(錨點)部分不會傳送至伺服器——完全由瀏覽器處理。這就是 SPA 採用雜湊值路由的原因。
  • 3當 URL 包含連接埠號(例如 https://localhost:3000)時,解析器會單獨顯示。多數標準連接埠(HTTP 的 80、HTTPS 的 443)會從可見 URL 中省略。
  • 4解析所使用的 URL 建構器遵循 WHATWG URL 標準,與現代瀏覽器及 Node.js 使用的標準相同。

URL 解析器 — 常見問題

URL 由哪些部分組成?

URL 包含:通訊協定(https://)、主機名稱(example.com)、連接埠(:8080)、路徑(/page)、查詢(?key=value)與片段(#section)。範例:https://example.com:8080/path?key=value#section

什麼是查詢參數?

查詢參數是 URL 中「?」後面的鍵值對,以「&」分隔。範例:?name=hello&age=25 有兩個參數:name=hello 與 age=25。

Can I use these tools with sensitive/proprietary data?

Absolutely. All processing runs locally in your browser with zero server uploads. This makes these tools safe for proprietary code, internal API keys, and confidential data.

Do these tools work offline?

Yes, once the page has loaded, most developer tools continue functioning without an internet connection. This makes them ideal for air-gapped environments or travel.

What browsers are supported?

All modern browsers are supported: Chrome, Firefox, Safari, and Edge. Internet Explorer is not supported. The tools leverage modern JavaScript APIs like Web Crypto, TextEncoder, and BigInt.

準備好使用 URL 解析器 了嗎?

免費線上工具 — 在瀏覽器中運作,無需註冊。立即開始使用。

立即試用
Free Forever · No Sign-up

182 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.