URL編碼工具
URL組件/完整URL編碼解碼，附帶查詢字串解析
會編碼所有特殊字元，包括 / ? & = —— 適合單一值（查詢參數、路徑片段）。
| 參數名 | 值 |
|---|
兩種 URL 編碼，兩種職責
元件或完整 URL
可以用嚴格的百分號編碼處理單一查詢參數值，也可以切換模式，讓完整 URL 中的冒號、斜線、問號與 & 符號原樣保留。
查詢字串解析成表
貼上任意帶查詢字串的連結，參數就會以表格形式呈現——參數名稱、解碼後的值、加號還原成空格——並隨你的編輯即時刷新。
編碼解碼兩個方向
同一個輸入框既能編碼放進表單的值，也能解碼追蹤連結看清它實際發送了什麼，結果直接從輸出區一鍵複製。
什麼是 URL 編碼工具？
URL 只允許包含有限的字元集。空格、引號、非 ASCII 字母以及 & 和 ? 這類符號，在進入 URL 之前必須做百分號編碼，否則連結會斷掉或發出錯誤的請求。手寫編碼很麻煩，而且範圍搞錯是經典的錯誤——想編一個元件卻編了整條 URL，或者反過來。這個工具兩個方向都能編、都能解，還能把任何查詢字串解析成清楚的表格，讓你看清一條追蹤連結或表單提交到底攜帶了什麼。
它能編碼和解碼什麼
- 🔗 元件模式：對查詢參數值或路徑片段做百分號編碼
- 🌐 完整 URL 模式：編碼時保留 : / ? & = 等結構字元
- 🔄 兩種模式都能解碼回可讀文字
- 📋 查詢字串解析：貼上 URL，參數變成表格
- ⚡ 正確處理查詢值中加號代表空格的慣例
哪些情境容易栽在編碼上
- 安全地建立攜帶使用者輸入搜尋詞的連結
- 排查複製的連結為什麼 404 或掉了參數
- 解碼追蹤連結，讀取其中的 UTM 參數
- 為 API 呼叫或重新導向準備參數值
轉換完全在瀏覽器本機完成，URL 和參數不會上傳。注意：完整 URL 模式依設計保留 URL 結構字元，這對整條連結是正確的，但對單一參數值就是錯的——那種情況請用元件模式。
最後更新 · 2026-09-01
encodeURIComponent 與 encodeURI
- 元件編碼會跳脫保留字元（? & = /）——適合查詢參數值。
- 整條連結編碼保留它們以維持網址結構——適合完整地址。
- 空格兩者都變 %20；+ 只在表單編碼（application/x-www-form-urlencoded）裡代表空格——歷史遺留。
常見問題
組件模式和完整URL模式有什麼區別？⌄
組件模式（encodeURIComponent）會逸出包括 / ? & = 在內的所有特殊字元——適合單一查詢值。完整URL模式（encodeURI）不會動 : / ? & # 這類URL結構字元——適合編碼整個URL而不破壞它的結構。
為什麼查詢字串解析器把 + 顯示成空格？⌄
在查詢字串和表單提交常用的 application/x-www-form-urlencoded 慣例裡，+ 代表空格（是%20的另一種寫法）——解析器遵循了這個慣例。
我的文字會被上傳嗎？⌄
不會——一切都用標準的 encodeURIComponent/decodeURIComponent 介面在你的瀏覽器中完成，你輸入的內容永遠不會傳送到伺服器。