ガイド
クエリパラメータを見やすく確認する方法
長い query string は、そのままだと見づらく、重複キーやエンコード済み値も追いにくいです。構造化して見るだけで確認速度が上がります。
データ整形読了目安 4 分
クエリ解析 - URLをJSON化URL解析 - 構成要素を確認
これは何か
長い query string は、そのままだと見づらく、重複キーやエンコード済み値も追いにくいです。構造化して見るだけで確認速度が上がります。
どんな時に使うか
- - 追跡パラメータやリダイレクト先を確認したい時。
- - tag のように同じキーが複数回出る URL を読みたい時。
- - エンコード済み値が何を意味しているか見たい時。
よくある勘違い
- - 長い URL でも、分解すると単純なことが多いです。
- - 重複キーは不具合とは限らず、配列表現のことがあります。
- - 生の URL 文字列だけ見ても、実際の値が分からないことがあります。
すぐ試す方法
- query parser を開きます。
- URL 全体または query string を貼り付けます。
- 分解された結果を確認します。
- ホストやパスも見たいなら URL parser も使います。
例
入力例
https://example.com/search?q=multi+tools&lang=ja&tag=dev&tag=nuxt
出力例
{
"q": "multi tools",
"lang": "ja",
"tag": ["dev", "nuxt"]
}注意点
- - 同じキーが複数あると、配列として扱われることがあります。
- - 分解すると、エンコード済み値もキー名と一緒に確認しやすくなります。
- - URL parser は全体構造、query parser はパラメータの意味確認に向いています。
よくある質問
URL 全体を貼り付けても使えますか?
使えます。query 部分を取り出して、構造を見やすくしてくれます。
なぜ配列のように見える項目がありますか?
同じキーが複数回登場しているためです。
URL parser とどう使い分けますか?
プロトコルやホストまで見たいなら URL parser、パラメータの中身なら query parser です。