只對值做 URL 編碼——別不小心編了整個網路
搞混 `encodeURIComponent` 和 `encodeURI` 是經典錯誤。貼上文字；選擇模式；看 `%` 跳脫。
字元: 20
使用時機
建構查詢字串、修正損壞的重新導向，或安全編碼路徑區段。
範例
運作方式
Component 模式 ≈ encodeURIComponent；URI 模式 ≈ encodeURI。可選表單 URL 編碼中以 + 代替空格。
常見陷阱
- 注意：不要對已經包含 % 的序列再次編碼。
- encodeURI 不會處理 :/?&# — 對查詢參數值不適用。
- + 和 %20 的選擇取決於表單或元件上下文。
差異說明
編碼用於將值傳輸；解碼用於閱讀記錄。查詢字串解析器用於拆分整個查詢。
常見問題
查詢參數要用哪種模式？
元件模式。
清理完整 URL 要用哪種模式？
URI 模式。
`+` 代表空格嗎？
在表單主體中是的；但在現代查詢編碼中，除非啟用表單模式，否則建議使用 `%20`。
反向操作？
URL 解碼。
相關工具
在瀏覽器中執行。不上傳任何資料。非安全產品——雜湊與 JWT 解碼僅供除錯使用，非密碼儲存或驗證建議。