Minificateur de code
Minifier du CSS, du JavaScript et du HTML.
Développement
Mettre en forme, valider et replier du JSON.
JSON est une notation stricte, et la plupart des erreurs se ramènent à ces quatre-là.
| Erreur | Pourquoi |
|---|---|
| Virgule après le dernier élément | JSON n’admet pas de virgule finale |
| Apostrophes simples | seuls les guillemets doubles sont valides |
| Clé sans guillemets | les clés doivent toujours être entre guillemets doubles |
| Commentaire dans le fichier | JSON ne connaît pas les commentaires |
La virgule finale est de loin la plus fréquente, parce que JavaScript l’accepte et pas JSON. Qui copie un objet depuis du code l’emporte régulièrement avec lui.
Fréquents aussi : NaN, undefined ou une apostrophe simple venus de JavaScript. Valides dans le code, invalides en JSON.
Deux directions, deux usages.
La mise en forme avec indentation rend la structure lisible. C’est ce que l’on veut en développement et pour examiner la réponse d’une API.
La compression retire espaces et retours à la ligne. Le gain à la transmission est parfois notable — facilement un tiers sur de grandes structures — et c’est ce que l’on envoie en production.
Cela ne change rien au sens. JSON n’a pas d’espaces significatifs ; un JSON mis en forme et un JSON compressé sont identiques pour tout analyseur.
Le tri des clés est un choix distinct. Utile pour comparer deux fichiers, mais il modifie l’ordre dans le fichier. Sans conséquence pour un objet ; pour un tableau si, car l’ordre d’un tableau porte du sens.
Tout se passe dans votre navigateur, ce qui a deux conséquences.
D’abord une limite pratique. Un fichier de plusieurs dizaines de mégaoctets peut ralentir un onglet ou le bloquer, surtout sur un téléphone. Travaillez alors sur une partie du fichier.
Ensuite, et surtout : rien n’est transmis. C’est précisément pour cette raison qu’il ne faut pas coller la réponse d’une API dans un formateur en ligne quelconque — on y trouve régulièrement des jetons, des adresses de courriel, des données clients ou des identifiants internes.
Coller une réponse de production dans un service en ligne est l’un des moyens par lesquels des données s’échappent sans que personne ne s’en rende compte, et cela arrive tous les jours. Ici la question ne se pose pas, faute de destinataire.
Le plus souvent une virgule après le dernier élément, des apostrophes simples ou un commentaire. JSON n’admet aucun des trois.
Non. Il faut alors passer à JSON5 ou à YAML.
Non, les espaces n’ont pas de valeur en JSON.
Sans conséquence pour un objet. L’ordre d’un tableau, lui, porte du sens.
La limite est la mémoire du navigateur ; quelques dizaines de mégaoctets ralentissent.
Non. C’est pourquoi vous pouvez y coller une réponse de production.