<!--
  canonical-url: https://www.avonture.be/fr/blog/json-lint
  published:     2024-11-08
  This is a static plain-Markdown mirror generated at build time.
  Visit the canonical URL above for the fully rendered page, with images and interactive components.
-->

# JSON - Linter en ligne

> Un outil de lint JSON en ligne, simple et rapide. Collez votre chaîne JSON pour l'afficher sous forme d'arborescence claire et lisible, avec folding du code.

---
![JSON - Linter en ligne](/img/v2/json.webp)

**TL;DR**

Cet article présente l'outil gratuit JSON Linter de l'auteur (sources sur GitHub, hébergé sur jsonlint.avonture.be) pour coller une chaîne JSON et la visualiser sous forme d'arborescence lisible et repliable — pratique à la fois pour vérifier la syntaxe du JSON que vous écrivez et pour inspecter les réponses d'une API. Il mentionne aussi l'extension Chrome « JSON Formatter », qui formate automatiquement les pages JSON dans le navigateur.

Exactement comme mon [SQL - Formatting tool](/blog/sql-formatter), il est toujours utile d'avoir dans ses favoris un outil qui permet de copier/coller une chaîne de caractères JSON et de l'afficher sous forme d'arborescence, avec ou sans folding du code.

Je l'utilise assez régulièrement quand j'écris une chaîne JSON et que je veux vérifier qu'il n'y a pas d'erreurs de syntaxe (lint) ou, à l'inverse, par exemple, quand j'appelle une API qui renvoie du JSON et que je veux analyser le code reçu. Dans ces cas-là, la fonction de repli est très pratique.

*Deux alternatives selon le contexte : [`jq`](/blog/linux-jq) quand vous êtes déjà dans une console, et [Rendering a JSON file as a mind map](/blog/json-crack) quand la structure compte plus que les valeurs. Pour produire du JSON de test plutôt que le lire, voyez [JSON - Faker & Mockup](/blog/json-faker).*

Retrouvez mon outil **JSON Linter** et ses sources sur <https://github.com/cavo789/jsonlint>.

L'outil est accessible en ligne : <https://jsonlint.avonture.be/>

![Demo](./images/json_lint_demo.gif)

## Extension Chrome {#chrome-addon}

Si vous utilisez Chrome et que la sortie d'une page web est une chaîne JSON, l'extension [JSON Formatter](https://chromewebstore.google.com/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa) l'affichera immédiatement sous une forme lisible.

Par exemple, au lieu d'obtenir cette page :

![Json webpage](./images/json_page.webp)

Chrome affichera ceci :

![Chrome addon](./images/chrome_addon.webp)

D'autres outils JSON qui valent le détour : [afficher un fichier JSON sous forme de carte mentale](/blog/json-crack) et [générer de fausses données JSON](/blog/json-faker).
