01
1. 為什麼要用 URLSearchParams 編碼?
查詢字串常包含非 ASCII 字元、空白,以及像 `&`、`=`、`#` 這類特殊符號。手動拼接這些內容很容易導致錯誤——漏編碼、重複編碼,或分隔符衝突。URLSearchParams 是瀏覽器標準 API,會依 application/x-www-form-urlencoded 規則正確對每個值做百分比編碼,並以 `&` 安全連接。此工具就使用了這套邏輯來生成輸出。
新增 key/value 列並立即取得正確進行百分比編碼的查詢字串,透過 URLSearchParams 建立。輸入基礎 URL 可檢視完整組合後的 URL,或切換到解析並貼上現有的查詢字串或 URL,將每個參數拆解為表格。
查詢字串常包含非 ASCII 字元、空白,以及像 `&`、`=`、`#` 這類特殊符號。手動拼接這些內容很容易導致錯誤——漏編碼、重複編碼,或分隔符衝突。URLSearchParams 是瀏覽器標準 API,會依 application/x-www-form-urlencoded 規則正確對每個值做百分比編碼,並以 `&` 安全連接。此工具就使用了這套邏輯來生成輸出。
像 `category=IT&category=Dev` 這樣同一個鍵重複出現的查詢字串,在多選篩選或陣列型參數中很常見。解析分頁透過 URLSearchParams.entries() 按順序讀取每筆資料,即使鍵重複,也會為每個值顯示獨立的表格列,避免只保留第一個值、悄悄丟掉其餘值的常見錯誤。
將完整 URL 貼到「解析」時,它會正確擷取僅 `?` 後、且在任何 `#` 前的部分作為查詢字串。反過來,將「建立」產生的結果再貼回「解析」,可驗證編碼是否正確,且每個值都能回到原始形式。