JSON Alexander: Syntax highlighting and tree view in the browser

Syntax highlighting and tree view: The add-on improves the display of JSON data, especially for API developers.

listen Print view
The word "API" above graphical structures

(Image: TierneyMJ / Shutterstock.com)

1 min. read

JSON Alexander, a new extension for Firefox and Chrome, automatically formats JSON data, for example, sent by an API. The add-on enhances the rudimentary browser displays, particularly with syntax highlighting and a tree view.

JSON Alexander displays JSON data in a clearly formatted way.

(Image: JSON Alexander)

The add-on offers a range of convenience features that go beyond the standard browser display. In addition to syntax highlighting and collapsible structure trees, these include, for example, additional information when hovering over a field or a parallel data view as windows.data in the console.

JS author and podcaster Wes Bos has released JSON Alexander under the MIT license. Previously, he had doubts about the "Heads Up" add-on, which offers similar functions, because according to Bos, it implements web tracking on websites. The editorial team could not verify this.

Videos by heise

The add-on is not yet available in the browser stores; users must install it manually. For Firefox, they also need to disable the standard JSON mechanism. Instructions can be found in the repository. The tool's name alludes to the American actor Jason Alexander.

(who)

Don't miss any news – follow us on Facebook, LinkedIn or Mastodon.

This article was originally published in German. It was translated with technical assistance and editorially reviewed before publication.