BetterJSON améliore l’affichage du JSON dans Safari

Nicolas Furno |

BetterJSON (1,09 €) est une extension pour Safari qui améliore l’affichage du JSON. Même si ce n’est pas un format qu’un utilisateur lambda affiche régulièrement dans un navigateur, un développeur pourra le faire régulièrement, notamment pour tester les API web. Et par défaut, voici à quoi ressemble du JSON dans Safari :

JSON généré par une API web dans Safari sans aucune extension…

En installant BetterJSON, le JSON est affiché comme dans un éditeur de code, avec coloration syntaxique et surtout une mise en page aérée qui permet de lire beaucoup plus facilement les données qu’il contient. L’extension permet de plier et déplier des éléments, ce qui permet plus simplement de se concentrer sur une partie du fichier.

Le même JSON après avoir installé l’extension.

L’extension propose quelques options, notamment pour changer le thème (clair ou sombre en fonction du réglage de macOS par défaut), pour opter pour une police différente (SF Mono par défaut) ou encore pour détecter, ou pas, les liens et timestamps contenus dans le JSON. Toutes ces options sont accessibles d’un clic sur l’icône de l’extension, dans la barre d’outils de Safari.

BetterJSON n’est pas la première extension à proposer ces fonctions, surtout sur Chrome et Firefox où on en compte plusieurs dizaines. C’est plus rare sur Safari et celle-ci, développée par un Français, fonctionne rapidement et parfaitement. Si vous utilisez le navigateur d’Apple et que vous travaillez souvent avec des API web, les 1,09 € demandés à l’achat seront vite justifiés.

Cette extension est vendue uniquement sur le Mac App Store, elle nécessite macOS 10.15 au minimum et fonctionne sans soucis avec Big Sur. Elle est entièrement traduite en français.

avatar Monsieur Saucisse (non vérifié) | 

C’est surtout très dommage que Safari ne propose pas un affichage correct du Json en natif. Firefox le fait (je ne sais pas pour Chrome).

avatar byte_order | 

En natif dans Firefox, pour Chrome y'a tout plein d'extentions Web très bien, quasiment toutes gratuites.

avatar tleveque | 

Pourquoi payer quand on peut faire ça gratuitement dans les autres navigateurs?
Je suis développeur web et franchement, même si Safari est mon navigateur par défaut, pour le développement, je suis à 99% du temps dans Chrome. Et de temps en temps je vérifie si tout est bon dans les autres navigateurs.

avatar Nicolas Furno | 

@tleveque

Parce qu'on veut utiliser Safari ?

avatar vince29 | 

Si tu es dev, faut aimer se faire mal pour utiliser safari.
Devoir payer les x extensions qui sont gratuites ailleurs.
Et encore faut-il qu'elles existent pour safari.

avatar vince29 | 

Et surtout tu testes pas des API web avec ce genre d'outils. Ca dépanne si tu veux jeter un coup d'oeil rapide mais c'est tout.
Tu utiliseras plus probablement POSTMAN (ou un clone)

avatar Khrys | 

@vince29

Paw reste l'option idéale pour ça (https://paw.cloud).

avatar byte_order | 

Parce que tout l'écosystème Apple est massivement payant. Apple capte l'essentiel de cet argent, du coup les autres qui y vivotent essayent eux aussi de grappiller quelques miettes.

avatar carlocas | 

C’est déjà en natif dans Safari en affichant la source en mode développeur...

avatar Nicolas Furno | 

@carlocas

Ah oui, c'est vrai, mais nettement moins pratique quand même.

avatar xDave | 

@nicolasf

Si on regarde ce genre de code à priori on a les outils Dev ouverts, non?

avatar bl@ck warrior_69 | 

JSON Peep fait ça gratuitement 🤷‍♂️

avatar Jilouc | 

Il me semble que JSON Peep ne gère pas le pliage/dépliage d'éléments, et ne donne pas la possibilité de changer de thème ou de trier les clés

avatar Bios9145 | 

Ozark ! Série pas mal au passage ;)

Mais je suis d’accord si c’est pour travailler en JSON autant prendre un autre navigateur ;)

avatar Bigdidou | 

Du coup, il porte vachement bien son nom.
Impressionnant, cette concordance.

avatar BeePotato | 

« Elle est entièrement traduite en français. »

Si ça a été développé par un Français, doit-on vraiment parler d’une traduction ? :-)

CONNEXION UTILISATEUR