YamlBox

ウェブとエンコーディング

URL エンコーダとデコーダ

クエリ文字列の値をエンコードしたり、パーセントでエンコードされた URL をデコードしたり、クエリ文字列を読み取り可能なキーと値のペアに分割したりできます。 encodeURIComponent と encodeURI の両方のセマンティクスが利用可能です。

変換オプション

テキスト、URL、またはクエリ文字列

例: クエリ値 · デコードするためにエンコードされた URL · クエリの内訳 —⌘/Ctrl + Enter 変換 · ファイルをドロップしてロード · ローカルで処理

エンコード/デコードされた出力

出力は読み取り専用です。コピー、ダウンロード、または共有を使用して移動します。

URL エンコーダ/デコーダ ツールの使用方法

  1. テキスト、URL、またはクエリ文字列を貼り付けます

    このツールは、プレーン テキストのエンコードとパーセント エスケープのデコードという両方向で機能します。

  2. コンポーネントまたは URI モードを選択します

    encodeURIComponent はクエリ値に適しています (& = ? / をエスケープします)。 encodeURI は URL 構造を保持します。これを URL 全体に使用します。

  3. またはクエリ文字列を分解します

    クエリ モードに切り替えて、クエリ文字列を解析してデコードされたキーと値のペアのテーブルを作成します。

このツールの違い

  • encodeURIComponent と encodeURI セマンティクス、両方向
  • クエリ文字列をデコードされたキーと値のペアに解析し、 + スペースとして処理します
  • 正しい UTF-8 パーセント エンコーディング (café → caf%C3%A9)、壊れた latin-1 ではない
  • 不正なエスケープ シーケンスのエラーをクリアする
  • ここのすべてのツールと同様に、オフラインでプライベート

アーキテクチャによるプライバシー: このページには入力を受け取る分析は含まれておらず、変換コードはタブで実行されます。ロード後にネットワークから切断して作業を続けることができます。

URL エンコーダ/デコーダ — よくある質問

encodeURI と encodeURIComponent — どちらが必要ですか?

クエリパラメータ (?q=…) 内に配置する値には encodeURIComponent を使用します。これは &、=、?、/、# をエスケープするので、値が URL の構造を壊すことはありません。完全な URL をそのまま保持したい場合は encodeURI を使用します。これにより、:、/、? が残ります。一人で。

スペースが %20 または + になるのはなぜですか?

パスまたはフラグメント内のスペースは %20 である必要があります。 application/x-www-form-urlencoded データ (従来の HTML フォームの本体) では、スペースは + です。ここでのクエリ パーサーは + をスペースとして扱います。これはフォーム エンコードされた文字列の正しい動作です。

私のURLが二重エンコードされているのはなぜですか?

これは 2 回エンコードされたためです。多くの場合、すでにエンコードされた値をフレームワークがエンコードしています。ここで一度デコードします。結果にまだ % シーケンスが含まれている場合は、再度デコードしてから、1 回だけエンコードされるようにパイプラインを修正します。

非ラテン文字は扱えますか?

はい。テキストは UTF-8 バイトとしてエンコードされ、パーセントでエスケープされるため、日本語、アラビア語、キリル文字、絵文字はすべて、相互運用可能な正しい URL を生成します。

“オンラインでURLデコード”, “パーセントエンコードツール”, “URIコンポーネントをエンコードする” をお探しですか?あなたは正しい場所にいます — すべての 19 ツールを参照する.

より深い読書

ブログ記事 · 5 分で読まれました URL エンコード: いつ逃げるか、いつ物事を壊すか URL エンコードとデコードが正しく行われます。予約文字、プラスと %20、encodeURI と encodeURIComponent、および壊れたリンクの背後にある二重エンコードのバグです。 ガイドを読む→