encodeURI と encodeURIComponent はどちらを使うべきですか?
個別のクエリ値、パスセグメント、redirect_uri には encodeURIComponent を使います。: / ? & = などの区切りを読みやすく保ちたい完全 URL だけ encodeURI を使います。
URL、URI コンポーネント、フォーム値、query string をブラウザー内でエンコード・デコードできます。
クエリ値とパスセグメントには URI コンポーネントを、: / ? & を保持したい完全 URL には Full URL を使います。
値を入力すると結果が表示されます。
percent-encoding、query string、encodeURI と encodeURIComponent の違いを学びます。
このワークフローの関連ガイド: API デバッグにローカルブラウザーツールが役立つ理由
DevCove URL エンコード / デコードは、URL、クエリパラメーター、リダイレクト先、フォーム値を安全に準備するためのツールです。encodeURIComponent、encodeURI、application/x-www-form-urlencoded の + 処理、クエリ文字列の解析・構築、行単位の一括変換に対応します。すべてブラウザー内でローカル実行されます。
URL 内にテキストを安全に配置したり、コピーした URL をデコードしたり、クエリパラメーターを確認したいときに使います。
API デバッグ、リダイレクト URL、OAuth callback、フォーム payload、クエリ文字列作業向けに設計されています:
個別のクエリ値、パスセグメント、redirect_uri には encodeURIComponent を使います。: / ? & = などの区切りを読みやすく保ちたい完全 URL だけ encodeURI を使います。
application/x-www-form-urlencoded ではスペースが + で表されることが一般的です。一般的な URI percent encoding では %20 です。このツールは Form value モードで挙動を明示しています。
はい。Query string モードは完全 URL または生の ?key=value を受け付け、クエリ部分を抽出して key/value をデコードし、重複パラメーターは別行として保持します。
不完全または無効な percent-encoded バイトを検出すると、decoder は malformed input を報告します。壊れたコピー URL をコードやドキュメントに入れる前に見つけやすくなります。
いいえ。エンコード、デコード、解析、query 構築はすべてブラウザー内で実行されます。DevCove は入力をアップロードまたは保存しません。