Le JSON est partout. Le lire en brut est une vraie corvée.
Tout développeur a vécu ça : vous interrogez un endpoint, un mur de JSON déferle dans le terminal, et vous cherchez un champ imbriqué six niveaux plus bas. Ou vous ouvrez un package.json modifié par quelqu'un et vous tentez de repérer la différence à l'œil nu. Le JSON brut est conçu pour les machines, pas pour les yeux humains.
C'est exactement le problème que résout le visualiseur JSON en ligne de FileCrank — sans installation, sans inscription, tout s'exécute dans votre navigateur.
Ce que vous pouvez en faire
Collez et explorez immédiatement
Déposez n'importe quel JSON dans le panneau de saisie. L'outil affiche instantanément un arbre extensible avec une mise en couleur :
- Chaînes en vert
- Nombres en bleu
- Booléens en violet
- Null en gris
Réduisez le tableau data pour vous concentrer sur le bloc meta. Dépliez uniquement l'objet qui vous intéresse. Rien que ça, c'est plusieurs minutes économisées sur une grande réponse d'API.
Support JSONC — commentaires inclus
Vous travaillez avec des fichiers de configuration ? Beaucoup de configs réelles — paramètres VS Code, configs TypeScript — utilisent le JSONC : du JSON avec des commentaires. Le JSON.parse standard échoue sur // et /* */. Ce formateur JSON en ligne les supprime automatiquement avant l'analyse, vous pouvez donc coller votre config telle quelle sans retirer les commentaires à la main.
Éditez sans quitter le navigateur
Pas besoin d'ouvrir un éditeur de texte pour corriger une valeur erronée. Cliquez sur n'importe quelle valeur dans l'arbre pour la modifier en ligne. L'outil détecte le type automatiquement : tapez true et ça devient un booléen, tapez 42 et ça devient un nombre. Double-cliquez sur le nom d'une clé pour la renommer.
Exemple : Vous recevez un payload où "active": "true" est une chaîne au lieu d'un booléen. Cliquez sur la valeur, tapez true sans guillemets, appuyez sur Entrée. C'est réglé.
Ajoutez et supprimez des nœuds
Besoin d'ajouter une nouvelle clé ? Appuyez sur + à côté d'un objet ou d'un tableau. Besoin d'en supprimer une ? Appuyez sur × sur le nœud concerné. L'arbre se met à jour instantanément.
Panneau JSON généré en temps réel
Pendant que vous éditez, le panneau "JSON généré" se rafraîchit en temps réel et affiche le JSON modifié complet, prêt à être copié. Il n'y a pas d'étape "appliquer" séparée — ce que vous voyez dans l'arbre correspond exactement à la sortie.
Copiez, réinitialisez, suivez vos modifications
Un clic sur "Copier" envoie le JSON complet dans le presse-papiers. "Réinitialiser" revient à la saisie d'origine. Un badge ambré Modifié apparaît dès que votre version de travail diffère de l'entrée, pour que vous sachiez toujours où vous en êtes.
Un cas d'usage concret
Supposez que vous déboguez une réponse d'API REST :
- Copiez le corps de la réponse depuis l'onglet réseau ou votre client API
- Collez-le dans le visualiseur JSON
- Réduisez le tableau
results— 200 éléments, et vous ne vous intéressez qu'à l'enveloppe - Vous repérez que
pagination.totalvaut"500"(chaîne) au lieu de500(nombre) - Cliquez sur la valeur, tapez
500, appuyez sur Entrée - Copiez le JSON corrigé depuis le panneau de sortie
- Collez-le dans votre fixture de test ou votre rapport de bug
Temps total : moins de 30 secondes. Aucun outil local requis.
Essayez maintenant
Ouvrez le formateur JSON en ligne, collez une réponse d'API que vous aviez à inspecter, et voyez à quelle vitesse l'arbre vous aide à comprendre la structure comparé à fixer du JSON minifié.
Si vous travaillez avec des données structurées au-delà du JSON, consultez JSON vers CSV, CSV vers JSON ou Encodeur Base64 pour la prochaine étape de votre flux de travail.