跳至主內容

URL 參數解析器

分析 URL 並擷取參數，以結構化方式顯示。

Loading...

主要功能​

  • URL 組成分析：Protocol、Hostname、Port、Path、Hash 等
  • 查詢參數擷取：以表格顯示所有 key=value 配對
  • 編碼/解碼：確認 URL 編碼的值
  • 複製功能：將各參數值複製到剪貼簿
  • 提供範例 URL：使用範例 URL 快速測試

URL 的結構​

https://example.com:8080/search?q=javascript&sort=date&page=2#results
  ↓       ↓         ↓      ↓                ↓                  ↓
protocol hostname  port  path          query params         hash

組成說明​

  1. Protocol（https:）

    • 通訊協定（http、https、ftp 等）

  2. Hostname（example.com）

    • 網域名稱或 IP 位址

  3. Port（:8080）

    • 連接埠號（預設值：HTTP 為 80、HTTPS 為 443）

  4. Pathname（/search）

    • 資源路徑

  5. Query Parameters（?q=javascript&sort=date&page=2）

    • 問號（?）後的 key=value 配對
    • 多個參數以 &（ampersand）分隔

  6. Hash（#results）

    • 片段識別符，頁面內特定位置

查詢參數格式​

基本格式​

?key=value

多個參數​

?key1=value1&key2=value2&key3=value3

陣列格式​

?color=red&color=blue&color=green

需要編碼的情況​

?name=John+Doe&message=Hello%20World%21

URL 編碼​

特殊字元無法直接在 URL 中使用，需要編碼：

字元編碼說明
空格%20 或 +空白字元
!%21驚嘆號
#%23井號
$%24錢號
%%25百分號
&%26&符號
=%3D等號
?%3F問號

使用情境​

  1. API 測試：分析 API 端點 URL
  2. 除錯：確認 URL 參數錯誤
  3. SEO 分析：檢視 URL 結構
  4. 開發：測試 URL 解析邏輯
  5. 教育：理解 URL 結構

範例 URL​

搜尋頁面​

https://search.example.com/results?q=javascript&category=tutorial&sort=date&page=1

有篩選的購物網站​

https://shop.example.com/products?category=electronics&brand=samsung&price_min=100&price_max=500

有追蹤參數的行銷連結​

https://example.com/page?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale

OAuth 回調 URL​

https://app.example.com/callback?code=abc123&state=xyz789

注意事項​

  • 請勿在 URL 參數中暴露敏感資訊（密碼、Token 等）
  • URL 有長度限制（各瀏覽器不同，一般為 2000 字元）
  • 特殊字元必須編碼
  • 使用 POST 請求傳輸大量資料更安全

隱私保護​

此工具完全在瀏覽器本地運行。您輸入的 URL 不會被發送到任何伺服器。

相關工具​

💬 這個工具對您有幫助嗎？​

歡迎隨時向我們發送您的意見或建議！