🌐 ZH-TW

🧩 查詢字串產生器

新增 key/value 列並立即取得正確進行百分比編碼的查詢字串,透過 URLSearchParams 建立。輸入基礎 URL 可檢視完整組合後的 URL,或切換到解析並貼上現有的查詢字串或 URL,將每個參數拆解為表格。

結果

            
指南

瞭解更多

01

1. 為什麼要用 URLSearchParams 編碼?

查詢字串常包含非 ASCII 字元、空白,以及像 `&`、`=`、`#` 這類特殊符號。手動拼接這些內容很容易導致錯誤——漏編碼、重複編碼,或分隔符衝突。URLSearchParams 是瀏覽器標準 API,會依 application/x-www-form-urlencoded 規則正確對每個值做百分比編碼,並以 `&` 安全連接。此工具就使用了這套邏輯來生成輸出。

02

2. 重複鍵怎麼處理?

像 `category=IT&category=Dev` 這樣同一個鍵重複出現的查詢字串,在多選篩選或陣列型參數中很常見。解析分頁透過 URLSearchParams.entries() 按順序讀取每筆資料,即使鍵重複,也會為每個值顯示獨立的表格列,避免只保留第一個值、悄悄丟掉其餘值的常見錯誤。

03

3. 在「建立」與「解析」間來回切換

將完整 URL 貼到「解析」時,它會正確擷取僅 `?` 後、且在任何 `#` 前的部分作為查詢字串。反過來,將「建立」產生的結果再貼回「解析」,可驗證編碼是否正確,且每個值都能回到原始形式。

常見問題

像 emoji 或含重音字元這類非 ASCII 值會被正確編碼嗎?
會。URLSearchParams 會將所有非 ASCII 字元以標準 UTF-8 百分比編碼方式處理。你輸入的任一值——重音字元、emoji、空白——都會被安全編碼。
空的鍵或值會怎樣?
鍵為空的列不會納入結果。若有鍵但值為空,仍會保留該列,並顯示為 `key=`。
如果我沒有輸入基礎 URL 會怎樣?
未輸入基礎 URL 時,只會顯示查詢字串本身,例如 `?key=value&...`。輸入基礎 URL 後,則會顯示完整組合網址,例如 `baseUrl?key=value&...`。
我的資料會傳到伺服器嗎?
不會。建立與解析都完全在你的瀏覽器 JavaScript 內完成,且不會傳送到任何伺服器。