Output will appear here...encodeURIComponent (component)
Escapes everything with special meaning in a URL. Use for individual values - query parameters, path segments, cookie values - never for a whole URL (it would encode :// too).
EncodesReserved delimiters : / ? # [ ] @ $ & + , ; =, spaces, and all non-ASCII characters
PreservesRFC 3986 unreserved characters: A-Z a-z 0-9 - _ . ~ plus ! * ' ( )
a=1&b=2 → a%3D1%26b%3D2 (safe to embed as a single query value)
Category:encoding
Mode:Offline
Version:1.0.0
Access:Free
什麼是 URL 編碼器/解碼器？
URL 編碼器/解碼器將文字轉換為百分比編碼（也稱為 URL 編碼），這是由 RFC 3986 定義的逃脫方案，使任意字串可以安全地放入 URL 中。 像 &, =, ?, # 和 / 在 URL 中具有結構意義 - 如果查詢字串值包含文字“&”，伺服器將您的參數分成兩半，除非該字元以 %26 的形式被轉義。 此工具為您提供開發人員實際遇到的所有三個編碼變體：單獨值的編碼組件、完整 URL 的編碼器和 HTML 表單體的應用程式/X-www-form-urlencoded（空格為 +）。
模式之間的區別比大多數教程所承認的更重要。 EncodureComponent 逃脫每個保留的分隔符號，因此它是單一查詢參數、路徑段或嵌入另一個 URL 的重定向目標的正確選擇 - 但將其在完整 URL 上運行會將 https:// 變為 https%3a%2f%2f。encodeiR 保留分隔符號 (: / ? # & =) 所以整個 URL 保持可通航，而 é 或 ti 或 hi 或 hi 的非 ascii 字元仍然可以逃脫到他們的 UTF-8 編碼表單。 表單 URLENCODED 模式與您提交 <form> 時的瀏覽器發送的內容相符：與 EncodeUricomponent 相同，除了空間變成“+”而不是“%20” - 一個遺留怪癖，今天仍然會觸發 API 整合。
所有內容都在您的瀏覽器中使用與您生產的 JavaScript 相同的本機編碼器/解碼器機器運行，因此結果與您的程式碼將產生的內容完全匹配。 沒有你貼上 - OAuth 回調 URL、簽名的 S3 連結、令牌、會話 ID - 曾經離開你的機器。 解碼器還會捕獲錯誤的輸入（在 JavaScript 中沒有兩個十六進位數字拋出 urIrror 的 % 後面），並報告一個明顯的錯誤，而不是靜默失敗。
如何使用 URL 編碼器/解碼器？
1
貼上您的文字或網址
將原始值放入輸入區域 - 查詢參數值、帶有空格和 Unicode 的完整 URL，或您從伺服器日誌中提取並想要解碼的編碼字串，例如 A%3D1%26B%3D2。
2
選擇編碼模式
為單一值（查詢參數、路徑段）、Enccodeuri 選擇完整的 URL 的 EncoderUiRcomponent 其中 3 與 ? 當您建立 HTML 表單正文或使用 + 符號調試後有效載荷時，必須生存或形成 urlencode。
3
編碼或解碼
按一下編碼以對輸入進行百分比編碼，或按一下編碼以對其進行反轉。 解碼處理 %xx 序列，並在表單模式下將 + 轉換回空格。 格式錯誤的序列會產生可讀的錯誤，而不是空白的輸出。
4
複製或交換
只需單擊一下即可將結果複製到剪貼簿，或使用交換按鈕將輸出移回輸入 - 當值已雙重編碼 (%2520) 並且需要第二個解碼通道時，這很方便。
主要特點
三種真實世界模式
encodeuricomponent、encodeuri 和 application/x-www-form-urlencoded - 您在查詢字串、完整 URL 和表單體中實際遇到的三個變體
RFC 3986 合規
使用瀏覽器本機編碼函數，因此未保留字元 (A-Z A-Z 0-9 - _ . ~) 傳遞未觸及的 UTF-8 多位元組序列 正確編碼
有明顯錯誤的安全解碼
像雜散的“%”這樣的錯誤格式百分比序列準確地報告了問題所在，而不是拋出未處理的 urIrror
交換輸入和輸出
一鍵將結果移回輸入 - 非常適合逐層拆開雙編碼值
Frequently Asked Questions
使用 encodeuricomponent 用於 URL 中的單一值 - 查詢參數、路徑段或 cookie 值 - 因為它可以逃脫類似 &, =, / 和 ? 的分隔符號。 只有當您擁有完整的 URL 並且想要在不破壞其結構的情況下逃脫無效字元（空格、Unicode）時才使用 Encodeuri。 經驗法則：如果字串包含應該保持不變的 3，請使用 encodeuri；否則使用 encodeuricomponent。
Related Tools
HEE
encoding
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
B64
encoding
Image to Base64 Converter
Convert images to Base64 data URIs and decode Base64 back to images.
UC
encoding
Unicode Converter
Convert text to and from Unicode code points, HTML entities, JavaScript escapes, and CSS escapes. Emoji and astral characters handled correctly.
QSP
url
Query String Parser
Parse a URL query string into structured JSON, or build a query string from a JSON object. Handles repeated keys, bracket arrays, and encoding. 100% client-side.
Comments
0 comments
No comments yet. Be the first to share your thoughts!
url encoderurl decoderpercent encodingencodeuricomponentencodeuriquery string encoderurlencodeform urlencodedrfc 3986uri escape