キー(key)と値(value)の行を追加すると、URLSearchParamsにより正確にパーセントエンコードされたクエリ文字列を即座に生成します。ベースURLを入力すれば完成した全体URLを確認でき、逆に既存のクエリ文字列やURLを貼り付ければ、各パラメータを表に分解して表示します。
クエリ文字列には日本語、空白、`&`、`=`、`#`のような特殊文字が頻繁に含まれます。これらを手作業で連結すると、エンコード漏れ・二重エンコード・区切り文字の衝突といったバグが起きやすくなります。URLSearchParamsはブラウザ標準APIで、各値をapplication/x-www-form-urlencoded規則に従って正確にパーセントエンコードし、`&`で安全に連結します。このツールはそのロジックをそのまま利用して結果を生成します。
`category=IT&category=Dev`のように同じキーが複数回現れるクエリ文字列は、複数選択フィルターや配列パラメータでよく見られます。パースタブはURLSearchParams.entries()で全項目を順番に読み取り、同じキーでも値ごとに別々の行として表に表示します — 最初の値だけを残して残りを見落とすミスを防ぎます。
全体URLをパースタブに貼り付けても、`?`以降(かつ`#`より前)だけを正確に切り出してクエリ文字列として認識します。逆にビルドタブで作った結果をパースタブに貼り付ければ、エンコードが意図通りか、各値が元の形にラウンドトリップされるかを検証できます。