encoding

URL エンコード / デコード

URL、URI コンポーネント、フォーム値、query string をブラウザー内でエンコード・デコードできます。

URI コンポーネント モードを選択中です。

クエリ値とパスセグメントには URI コンポーネントを、: / ? & を保持したい完全 URL には Full URL を使います。

エンコード済み出力

値を入力すると結果が表示されます。

このワークフローの関連ガイド: API デバッグにローカルブラウザーツールが役立つ理由

このツールについて

DevCove URL エンコード / デコードは、URL、クエリパラメーター、リダイレクト先、フォーム値を安全に準備するためのツールです。encodeURIComponent、encodeURI、application/x-www-form-urlencoded の + 処理、クエリ文字列の解析・構築、行単位の一括変換に対応します。すべてブラウザー内でローカル実行されます。

使い方

URL 内にテキストを安全に配置したり、コピーした URL をデコードしたり、クエリパラメーターを確認したいときに使います。

  1. 1 値の Encode / Decode、またはパラメーター確認には Query string モードを選びます。
  2. クエリ値とパスセグメントには URI component、区切り文字を保持したい完全 URL には Full URL / URI を選びます。
  3. application/x-www-form-urlencoded でスペースが + になる場合は Form value モードを使います。
  4. 入力を貼り付け、ライブ出力を確認します。不正な percent escape はエラーとして表示されます。
  5. Swap で encode/decode 結果を反転、Copy で出力を再利用、Copy share link で現在の入力を保持できます。
  6. Query string モードで完全 URL または ?key=value を行に分解するか、key/value 行からクエリ文字列を構築します。
  7. Batch モードで多数の行を行ごとのエラー報告付きで encode/decode します。

機能

API デバッグ、リダイレクト URL、OAuth callback、フォーム payload、クエリ文字列作業向けに設計されています:

  • クエリ値、パスセグメント、リダイレクトパラメーター向け encodeURIComponent 形式の URI component エンコード。
  • :, /, ?, &, = など URL 区切りを保持する encodeURI 形式の完全 URL エンコード。
  • application/x-www-form-urlencoded に合わせ、スペースを + で表す Form value モード。
  • 不正な percent escape を黙って壊さず、明確なエラーで報告する strict decode。
  • 完全 URL、?query 断片、重複 key、空値、+ スペースに対応する query string パーサー。
  • tab 区切りまたは key=value 行からの query string ビルダー。
  • 移行スクリプト、ログ、コピーしたパラメーター一覧向けの行単位 batch encode/decode。
  • example、clear、swap、copy、share link のツールバー操作。
  • 100% クライアント側処理 — URL、token、クエリ値はアップロードされません。
  • percent encoding、encodeURI vs encodeURIComponent、query string、+ 記号を扱う URL Encoding コースへのリンク。

よくある質問

encodeURI と encodeURIComponent はどちらを使うべきですか?

個別のクエリ値、パスセグメント、redirect_uri には encodeURIComponent を使います。: / ? & = などの区切りを読みやすく保ちたい完全 URL だけ encodeURI を使います。

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

application/x-www-form-urlencoded ではスペースが + で表されることが一般的です。一般的な URI percent encoding では %20 です。このツールは Form value モードで挙動を明示しています。

クエリ付きの完全 URL を解析できますか?

はい。Query string モードは完全 URL または生の ?key=value を受け付け、クエリ部分を抽出して key/value をデコードし、重複パラメーターは別行として保持します。

不正な percent encoding ではどうなりますか?

不完全または無効な percent-encoded バイトを検出すると、decoder は malformed input を報告します。壊れたコピー URL をコードやドキュメントに入れる前に見つけやすくなります。

URL は DevCove にアップロードされますか?

いいえ。エンコード、デコード、解析、query 構築はすべてブラウザー内で実行されます。DevCove は入力をアップロードまたは保存しません。