Articles

Easy-to-Read JSON With This Chrome/Firefox Extension

Print JSON and JSONP nicely when you visit it directly in a browser tab

Fatos Morina
Aug 12, 2019 · 2 min read

Img source: Chrome web store

JSON is a very popular file format. 時々、ブラウザタブ内にJSONオブジェクトがあり、それを読む必要があり、これは困難な場合があります。

私たちは、それを理解できるように、それを読みやすい形式に変えるオンラインツールを探しに行く必要があるかもしれません。今、ここでは、多くの不要な手順を実行することなく、書式設定を行い、ブラウザ内ですぐにあなたのJSONsをきれいにするChromeとFirefoxの拡張機能があります。

JSONとJSONPのサポートが付属しており、構文を強調表示して、さまざまな属性と値をそれに応じて区別できるようにします。 また、ノードを折りたたむオプション、新しいタブで開くことができるクリック可能なUrlが付属しており、生のフォーマットされていないJSONが表示されまこれは、開いたURLに関係なく、任意のJSONページで動作します。 また、chrome://extensionsで有効にした後、ローカルファイルでも機能します。 JSONを検査するには、コンソールにjsonと入力します。

拡張機能をインストールするには、Chromeの場合はここに、Firefoxの場合はここに移動してから、たとえばこのAPI応答にアクセスしてテストします。

これは、書式設定する前に次のようになります。

:

Now, take a look at the beautiful JSON response you get with JSON Formatter:

Here is a pro tip: Hold down CTRL (or CMD on Mac) while collapsing a tree, if you want to collapse all its siblings too.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です