API の応答が1行にまとまっていて構造を見たい、あるいはそもそも解析できずどこが悪いのか知りたい。このページはその両方を、どこにも送信せずに行います。解析もインデントもツリー表示もすべてブラウザー内で完結します。

使い方

1. 1 JSON をボックスに貼り付けるか、「サンプルを読み込む」を押して動作を確認します。
2. 2 インデントを選び、2つの応答を比較する場合は「キーを並べ替え」にチェックを入れます。
3. 3 「整形」を押します。JSON が壊れていれば行と列が示され、問題なければツリー表示に切り替えて中身をたどれます。

エラーメッセージは「何が」を告げ、「どこで」は告げない

壊れた文書の知らせ方はブラウザーごとに違い、文字位置を返すもの、行と列を返すもの、どちらも返さないものがあります。このページはお使いのブラウザーが出した形式を読み取り、行と列に変換して、その行を該当箇所の真下に印を付けて表示します。位置がまったく得られない場合はメッセージだけを表示し、行は示しません。誤った行を指すのは、何も指さないよりも悪いからです。

整形と圧縮は同じ処理の裏表

どちらも解析済みの値から文書を組み直すため、入力の空白が乱れていても出力は必ず有効な JSON になります。圧縮はトークン間の空白をすべて取り除くので、ヘッダーやクエリ文字列、テストデータに載せる前の処理に向いています。

{"id":7,"tags":["a","b"],"ok":true}

{
  "id": 7,
  "tags": [
    "a",
    "b"
  ],
  "ok": true
}

キーを並べ替えると2つの応答を比べられる

JSON のオブジェクトのキーには決まった順序がないため、同じデータでもサーバーごとに並びが違い、テキスト比較では全体が差分になってしまいます。キーを並べ替えれば、まず両者が同じ形になります。配列はあえてそのままです。配列の順序はノイズではなくデータそのものだからです。

貼り付けた内容はこのページの外に出ません

整形したい JSON はたいてい実際の API 応答で、トークンや顧客情報、注文内容を含んでいることも珍しくありません。ここにはアップロードの手順もサーバー側の処理もなく、すべては開いているこのページの中で完結します。