メインコンテンツへスキップ

無料URL エンコーダー&デコーダー

URL とクエリ文字列をエンコードおよびデコードします。 encodeURIComponent、decodeURIComponent、およびクエリ文字列の解析をサポートします。

読み込み後はオフラインでも動作
エンコーディングモード

すべての予約文字をエンコードします - クエリ値とパスセグメントに最適です。

主な用途

  • API 用に URL パラメータをエンコードAPI リクエスト URL に追加する前に、クエリ文字列パラメータを安全にエンコードします。
  • メール リンク用に URL をエンコードメール キャンペーン用のクリック安全リンクを作成します — すべてのメール クライアントでリンクが機能するように特殊文字をエンコードします。
  • ソーシャル共有用に URL をエンコードTwitter、Facebook、LinkedIn の共有ボタン用に、事前入力されたテキスト、ハッシュタグ、リンクを含む URL を準備します。
  • 複雑なクエリ文字列をエンコード複数のパラメータを持つクエリ文字列を構築してエンコード。任意のURLに追加する準備ができています。
  • Webhook コールバック用の URL をエンコードサードパーティサービスと OAuth フローにパラメータとして渡すコールバック URL をエンコード。

使い方

ここでのURLエンコード・デコードは、JavaScript標準のグローバル関数 — encodeURIComponent、encodeURI、decodeURIComponent — を使ってブラウザ内で完全に行われます — サードパーティのライブラリもネットワークリクエストも不要です。ツールはまた、ブラウザネイティブのURL APIを公開し、クエリ文字列のパラメータを解析してキー・値のテーブルとして表示します。

  1. 1
    エンコードモードを選ぶ
    3つのモードが実際のユースケースに対応します:「コンポーネント」はencodeURIComponentを呼び出し、予約されていない文字以外すべてをエスケープします — 個々のクエリ値に適した選択です。「完全なURL」はencodeURIを呼び出し、スキーム、スラッシュ、ドメインをそのまま残します。「フォーム」はencodeURIComponentを使った後、%20を+に置き換え、HTMLフォームが送信するapplication/x-www-form-urlencoded形式に一致させます。
  2. 2
    ワンクリックでエンコードまたはデコード
    エンコードはテキストを選択した関数に通し、パーセントエンコードされた結果を表示します。デコードはdecodeURIComponentを呼び出します(フォームモードでは+がスペースに変換されます)。継続バイトのない孤立した%E0のような不正なパーセントシーケンスは、クラッシュではなくインラインエラーとして捕捉・報告されます。
  3. 3
    URL APIでクエリ文字列を解析する
    「パラメータを解析」アクションは、入力をブラウザネイティブのURLコンストラクタでラップし、url.searchParamsを反復して各キー・値のペアを抽出します。URLコンストラクタが入力を拒否した場合、手書きのフォールバックが&と=で分割し、各トークンをsafeDecodeに通すため、部分的または生のクエリ文字列でも読みやすいテーブルが生成されます。
  4. 4
    結果をコピーする
    エンコードまたはデコードされたテキストは、等幅の出力ブロックに表示されます。コピーボタンはClipboard APIを介してクリップボードに書き込みます。いかなる時点でも端末の外に出るものはありません。

関連ツール

よくある質問