WALUDO 工具箱
CONVERT.03 URL CODEC

URL 編解碼

支援完整網址與個別參數兩種編碼模式,雙向即時同步,輸入後立即顯示結果。

RAW

明文

ENC

編碼後

§ 01

如何在線上進行 URL 編解碼

1
1

輸入文字

在左側編輯器輸入要編碼的原始網址文字,或在右側貼上要解碼的 URL 編碼字串。

2
2

選擇編碼模式

勾選「保留網址結構」以 encodeURI 模式編碼完整網址,取消勾選則使用 encodeURIComponent 模式編碼個別參數值。

3
3

複製結果

按下複製按鈕即可將編碼或解碼結果複製到剪貼簿。左右兩側都能輸入,結果會自動同步轉換。

§ 02

關於 URL 編解碼工具

什麼是 URL 編碼?

URL 編碼(Percent-Encoding)是網路傳輸的基礎技術。網址最初只允許英文字母、數字和 -_.~ 等安全符號,中文、空格與 emoji 必須轉成 % 加兩位十六進位數,例如「你好」會變成 %E4%BD%A0%E5%A5%BD,空格會變成 %20。

本工具提供兩種模式:保留網址結構的 encodeURI 會編碼完整網址但保留 ://、/、?、&、=;完整編碼的 encodeURIComponent 適合處理查詢參數中的單一值。所有運算都在瀏覽器本機完成。

使用情境與原理

安全字元 A-Z、a-z、0-9 以及 -、_、.、~ 會保持不變;其他字元先按 UTF-8 轉成位元組,再將每個位元組寫成 %XX。解碼則反向還原這些序列。

常見用途包括編碼前端查詢參數、除錯 RESTful API、建立含 UTM 參數的行銷網址、閱讀伺服器記錄或 Google Analytics 匯出的 URL,以及在 HTML 電子郵件中嵌入特殊字元連結。

§ 03

常見字元 URL 編碼對照表

字元
URL 編碼
說明
空格
%20
網址中的空格必須編碼,否則可能被截斷
!
%21
驚嘆號
"
%22
雙引號
#
%23
井號,用作 URL 片段識別符
$
%24
美元符號
%
%25
百分號本身也需要編碼
&
%26
與號,用作 URL 參數分隔符
+
%2B
加號;查詢參數中也可代表空格
,
%2C
逗號
/
%2F
斜線;encodeURI 會保留此字元
:
%3A
冒號
=
%3D
等號,用作鍵值分隔符
?
%3F
問號,查詢字串起始符
@
%40
at 符號
你好
%E4%BD%A0%E5%A5%BD
中文字按 UTF-8 編碼後逐位元組轉為 %XX
😊
%F0%9F%98%8A
Emoji 同樣遵循 UTF-8 百分號編碼規則
§ 04

常見問題

Q1什麼是 URL 編碼(百分號編碼)?

URL 編碼,也稱為百分號編碼,是在統一資源定位器中表示特殊字元的方式。URL 只能直接包含字母、數字和少數符號,因此中文、空格、問號、等號等字元會轉成 % 加上兩位十六進位數。

Q2「保留網址結構」有什麼作用?

它會跳過 http://、/、?、&、= 等 URL 結構字元,只編碼中文或空格,適合處理完整網址。

Q3為什麼解碼時會出現解析錯誤?

若輸入含有不符合百分號編碼規則的內容,例如單獨的 % 或無效的 UTF-8 序列,瀏覽器解碼時就會拋出錯誤。請確認字串完整無誤。

Q4我的資料會上傳嗎?

不會。本工具所有資料都在瀏覽器本機處理,不會上傳或儲存任何使用者資料。

Q5URL 編碼和 Base64 有什麼不同?

URL 編碼讓網址只含合法字元,結果是 %XX 格式;Base64 則把任意二進位資料轉為文字,常用於附件和 Data URI。URL 編碼結果可直接放入網址,而標準 Base64 可能含有需要另行處理的 + 和 /。

Q6應該使用 encodeURI 還是 encodeURIComponent?

完整網址使用 encodeURI,以保留 ://、/、? 等結構;個別參數值使用 encodeURIComponent。例如 encodeURI("https://example.com/搜尋?q=你好") 會保留結構,而 encodeURIComponent("你好") 會完整編碼中文字。

Q7編碼後字串變長會拖慢載入嗎?

影響通常很小,增加的長度多半只有幾十到幾百位元組。不過瀏覽器和伺服器通常限制網址約 2048 個字元,原網址接近上限時仍可能造成請求失敗。

Q8為什麼空格有時是 %20、有時是 +?

這是歷史規範造成的差異。查詢字串中 application/x-www-form-urlencoded 允許用 + 表示空格;網址的路徑等其他部分則必須使用 %20。本工具採用 JavaScript 標準 API,因此空格一律編碼為 %20。

✳ WALUDO TOOLBOX ✳ 瀏覽器原生工具集 · NO SERVER · NO DATA COLLECTION

您的檔案永遠不會離開電腦 · FILES STAY LOCAL · PRIVACY FIRST