値を URL エンコード — 誤ってインターネット全体をエンコードしない
`encodeURIComponent` と `encodeURI` を混同するのはよくあるバグです。テキストを貼り付け、モードを選択、`%` エスケープを確認。
文字数: 20
使用タイミング
クエリ文字列の構築、壊れたリダイレクトの修正、またはパスセグメントの安全なエンコード。
例
仕組み
コンポーネントモード ≈ encodeURIComponent; URIモード ≈ encodeURI。オプションでフォームURLエンコードのスペースを + に。
よくある落とし穴
- 既に%で始まるシーケンスを二重エンコードしないでください。
- encodeURIは:/?&#をそのまま残すので、クエリ値には不適切です。
- + と %20 の使い分けはフォームとコンポーネントのコンテキストに依存します。
他のツールとの違い
エンコードは値をワイヤに載せるため、デコードはログを読むため。Query String Parserはクエリ全体を分割します。
FAQ
クエリパラメータにはどのモード？
コンポーネント。
完全なURLのクリーンアップにはどのモード？
URI モード。
`+` はスペースですか？
フォームボディでは yes。最新のクエリエンコードでは、フォームモードがオンの場合を除き `%20` を推奨。
逆操作？
URL デコード。
関連ツール
ブラウザ内で動作。アップロードは行われません。セキュリティ製品ではありません — ハッシュやJWTデコードはデバッグ用であり、パスワード保存や認証のアドバイスではありません。