跳至正文

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 對
    • 多個參數以 & 符號分隔

  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 參數解析器實用,歡迎分享給需要的朋友!無論是 API 開發、除錯或學習 URL 結構,這個工具都能讓您的工作更有效率。

隱私保護​

此工具完全在瀏覽器本地端運行。您輸入的所有 URL 資料都不會傳送到伺服器,僅在您的瀏覽器中處理,確保您的資料安全。

相關工具​