JSON Viewer

貼り付けたJSONをツリー表示・整形できるシングルページツール。コメント・末尾カンマ・シングルクォート・途中で切れたJSON・ログに埋め込まれたJSONなど、壊れたJSONも可能な限り自動修復して表示。API のレスポンスやログの確認に使えます。外部送信なし、ローカルで完結。

API のレスポンスやログに出力された JSON を、読みやすいツリーで確認するためのビューア。コメントや末尾カンマが入った設定ファイル、途中で切れたログなど、普通のツールではエラーになる JSON も可能な限り修復して表示します。データはブラウザの外に送信しません。

JSON Viewer を使う

機能

  • エラーになる JSON も、直して表示する:途中で切れたログ、Python の出力をそのまま貼ったもの、コメント付きの設定ファイル、ログの行に埋め込まれた JSON などを自動で修復して表示します。普通のツールのように「JSON として不正です」で止まらず、まず中身を確認できます。どこをどう直したか、どこを読み飛ばしたかを元の位置とあわせて示すので、修復結果を確かめながら使えます。
  • 大きなレスポンスでも、目的のキーをすぐ探せる:階層ごとに開閉できるツリーと検索で、深い階層の中から目的のキーや値を見つけられます。一致した行は強調されます。行を選ぶとパス($.data.items[1].price など)を表示し、パスや値だけをコピーできるので、コードやテストにそのまま貼れます。
  • 整形した JSON を、そのまま持ち出せる:インデント幅(2 / 4 / タブ)を選んで整形し、修復済みの JSON をコピー・保存できます。JavaScript では桁が丸められてしまう大きな整数の ID も、対応ブラウザでは元の桁のまま扱います。

使用技術

Vue 3、jsonrepair