跳到主要內容

URL 編碼 / 解碼

對網址參數做 encodeURIComponent 編碼與還原。

一個搜尋詞,安全放進查詢字串

把單一個「值」編碼,讓它能接在 <code>?q=</code> 後面而不會弄壞網址。

輸入
台北 101 & friends?
輸出
%E5%8F%B0%E5%8C%97%20101%20%26%20friends%3F

& 變成 %26? 變成 %3F,這就是重點:如果原封不動放進去,伺服器會把它們讀成「另一個參數」和「路徑結束」。

URL 編碼 / 解碼工具

網址只能包含特定字元,空白、中文、&? 等若直接放進網址會出錯。URL 編碼會把這些字元轉成 %XX 格式,確保網址能被正確傳遞與解析。這個工具讓你在編碼與解碼之間一鍵切換。

如何使用

  1. 編碼:貼上含特殊字元的文字或參數,按「編碼」。
  2. 解碼:貼上 %XX 格式字串,按「解碼」還原。
  3. 要編碼整條網址而非單一參數,勾選改用 encodeURI。

常見用途

  • 組裝含中文或特殊字元的查詢字串。
  • 解讀從網址列複製的編碼網址。
  • 除錯 API 請求中的參數編碼。

只編碼「參數值」,別整條網址一起編

最常見的用途有兩個:一是把含有空格、中文、&? 的查詢參數塞進網址,例如搜尋關鍵字或 API 參數;二是把 log 裡看到的一長串 %E4%B8%AD… 解回看得懂的文字。真正容易踩的雷是——只該編碼「參數值」那一段,不是整條 URL

  • 把整條網址丟進去編碼,會連 ://?= 一起編掉,連結就壞了。
  • 對已經編過的字串再編一次,會變成雙重編碼(% 變成 %25),另一端解出來全是亂碼。

正確做法是分別針對每個參數的「值」編碼,再用 & 和 = 手動組回完整網址。

哪些字元會被換掉,哪些不會?

這一頁實際回傳的結果最能說明界線。hello worldhello%20worlda+b=ca%2Bb%3Dc100%100%25?q=x&r=y%3Fq%3Dx%26r%3Dy。但 ~_.- 原封不動回來:那四個是「未保留字元」,正確的編碼器就該放它們過去。注意加號自己會變成 %2B —— 如果留著不動,任何把 + 讀成空白的解碼器都會靜靜地把值弄壞。

常見問題

encodeURIComponent 和 encodeURI 差在哪?

encodeURIComponent 會把 / ? & = 等結構字元也一起編碼,適合編碼單一參數值;encodeURI 保留這些結構字元,適合編碼整條網址。

為什麼空白會變成 %20?

在網址中空白必須被編碼,標準做法是編成 %20。部分表單則用 + 代表空白;本工具使用標準的 %20。

中文網址需要編碼嗎?

需要。在程式中傳遞或放進 HTML 屬性時,中文通常仍需編碼成 %E4%B8%AD 這類格式才能被正確解析。

資料會外傳嗎?

不會。編碼與解碼都在瀏覽器本機完成,不會上傳伺服器。

延伸閱讀

URL 編碼完整說明:百分比編碼、空格 %20、中文與線上編碼解碼 →

嵌入此工具

把這個工具免費放進你的網站或部落格 —— 複製下面的程式碼貼上即可(內含一條回到本站的連結)。