JSONがWeb APIのフォーマットとして使われるようになり、複雑なデータも作られています。そうした内容を確認する際に開発者ツールは便利です。一部だけ展開したり、折りたたんだりできます。 そんなJSON閲覧機能をWebブラウザ上で実現するのがObject Visualizerです。

Object Visualizerの使い方

使っているところです。クリックで折りたたみ/展開できます。

巨大なJSONでも分かりやすく閲覧できます。

Object Visualizerを使えば開発者ツール相当のJSON閲覧機能が提供できます。これは開発者向けのサービスを提供している場合に役立つでしょう。デバッグなどでJSONデータを閲覧する際に使えるはずです。

Object VisualizerはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Object Visualizer | object-visualizer iendeavor/object-visualizer: Visualize the JSON object to the DOM.