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).
a=1&b=2 → a%3D1%26b%3D2 (safe to embed as a single query value)
URL エンコーダ/デコーダとは何ですか?
URL エンコーダ/デコーダは、RFC 3986 によって定義されたエスケープ スキームであるパーセント エンコーディングとの間でテキストを変換します。これは、任意の文字列を URL に安全に配置するための RFC 3986 によって定義されます。 &, =, ?, # や / のような文字が URL に構造的な意味を持ちます - クエリ文字列値にリテラル "&" が含まれている場合、その文字が %26 としてエスケープされない限り、サーバーはパラメーターを半分に分割します。 このツールは、開発者が実際に遭遇する 3 つのエンコード バリアントを提供します。個々の値の場合は encodeUriComponent、完全な URL の場合は encodeURI、HTML フォーム ボディの場合は application/x-www-form-urlencoded (スペースは + です)。
ほとんどのチュートリアルで認められるよりも、モード間の区別が重要です。 encodeUriComponent は、予約済みのすべての区切り記号をエスケープします。これは、単一のクエリ パラメータ、パス セグメント、または別の URL に埋め込まれたリダイレクト ターゲットに対して適切な選択です。ただし、それを完全な URL で実行すると、https:// に https// にマングルします。 # & =) ですから、スペースや é や 日本語のような ASCII 以外の文字が UTF-8 パーセントでエンコードされた形式にエスケープされる間、URL 全体が移動可能です。 フォーム URLencode モードは、スペースが「%20」ではなく「+」になる以外は、<form>: エンコードウリコンセントと同じものを送信するときにブラウザが送信するものと一致します。これは、今日でも API 統合を失敗させる従来の癖です。
プロダクション JavaScript が使用するのと同じネイティブな EncodeUriComponent/DecodeUri 機械を使用して、すべてのブラウザーですべてが 100% クライアント側で実行されるため、結果はコードが生成するものとまったく一致します。 何も貼り付けません - OAuth コールバック URL、署名済み S3 リンク、トークン、セッション ID - は、マシンから離れることはありません。 デコーダは、不正な入力 (2 進数が 2 桁の 16 進数が続く場合は JavaScript で UriError をスローします) もキャッチし、サイレントで失敗するのではなく、明確なエラーを報告します。
URL エンコーダ/デコーダの使い方
テキストまたは URL を貼り付けます
生の値を入力領域にドロップします。クエリ パラメータ値、スペースと Unicode を含む完全な URL、またはサーバー ログから引き出した、デコードしたい %3D1%26B%3D2 のようなエンコードされた文字列。
エンコーディングモードを選択してください
個々の値 (クエリー・パラメーター、パス・セグメント) の場合は encodeUriComponent を選択して、完全な URL の場合は encodeUri を選択します。 HTML フォーム ボディを構築するとき、または + 記号を使用して POST ペイロードをデバッグする場合は、存続するか、フォーム URLencode を実行する必要があります。
エンコードまたはデコード
[エンコード] をクリックして入力をパーセント エンコードするか、デコードをクリックして逆にします。 %XX シーケンスをデコードすると、フォーム モードで + をスペースに変換します。 形式が正しくないシーケンスは、空白の出力ではなく、読み取り可能なエラーを生成します。
コピーまたは交換
クリックしてクリップボードに結果をコピーするか、スワップ ボタンを使用して出力を入力に戻します。値がダブルエンコードされ (%2520) で、2 回目のデコード パスが必要な場合に便利です。
主な機能
3 つの現実世界モード
EncodeUriComponent、EncodeURI、および application/x-www-form-urlencoded - クエリ文字列、完全な URL、およびフォーム ボディで実際に遭遇する 3 つのバリアント
RFC 3986 準拠
ブラウザーネイティブのエンコーディング関数を使用するので、予約されていない文字 (A-Z A-Z 0-9 - _ ) を使用します。 ~) untouched と UTF-8 マルチバイト シーケンスが正しくエンコードされる
明確なエラーで安全にデコード
迷子になったパーセント シーケンスのようなパーセント シーケンスが、未処理の UriError をスローする代わりに、何が問題になったのかを正確に報告します。
入出力をスワップ
ワンクリックで結果が入力に戻ります。レイヤーごとにダブルエンコードされた値をアンラップするのに最適です。
Frequently Asked Questions
Related Tools
Caesar Cipher Encoder & Decoder
Encode and decode Caesar cipher text with any shift, plus ROT13 and ROT47. Brute-force all 25 shifts to crack an unknown key.
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Image to Base64 Converter
Convert images to Base64 data URIs and decode Base64 back to images.
Unicode Converter
Convert text to and from Unicode code points, HTML entities, JavaScript escapes, and CSS escapes. Emoji and astral characters handled correctly.
Comments
0 comments
No comments yet. Be the first to share your thoughts!