encodeURI と encodeURIComponent の違いは何ですか？

encodeURI は URL 予約文字（/ : ? & など）をそのままにします — URL 全体に使用します。encodeURIComponent はそれらをエンコードします — URL に挿入する値に使用します。

URLとURLコンポーネントのどちらをエンコードすべきですか？

既存のURLの構造を保持する場合はフルURLをエンコードしてください。ユーザーが指定した値（検索クエリやコールバックURLなど）でURLを構築する場合はコンポーネントエンコーディングを使用してください。

英数字（A-Z、a-z、0-9）と- _ . ~は未予約文字であり、エンコードは不要です。

developer 無料サインアップ不要

URL とクエリパラメータのパーセントエンコード・デコード — フルおよびコンポーネントモード対応。

ツールを読み込み中…

URLでの安全な使用のために文字列をエンコード（パーセントエンコーディング）するか、URLエンコードされた文字列をプレーンテキストにデコードします。2つのモード：フルURLとコンポーネント（encodeURIComponent）。

1 URLまたはクエリパラメーターの値を入力フィールドに貼り付けてください。
2 モードを選択してください：フルURL（encodeURI）はURL構造を保持し、コンポーネント（encodeURIComponent）は&や=を含むすべてをエンコードします。
3 エンコードまたはデコードされた結果が即座に表示されます。
4 「コピー」をクリックして結果を使用してください。