Aller au contenu principal
LibraTool logoLibraTool

Formateur JSON — outil gratuit

Formatez, validez, minifiez et explorez des données JSON. Vue arborescente, coloration syntaxique et copie en un clic.

Fonctionne hors ligne une fois chargé

Utilisations courantes

  • Formater les réponses APICollez les réponses JSON brutes d'API et formatez-les instantanément en sortie lisible et en retrait.
  • Formater les fichiers de configuration JSONNettoyez et validez les fichiers de configuration JSON — package.json, tsconfig.json, paramètres et plus.
  • Formater JSON pour le débogageDémêlez instantanément les journaux JSON minifiés ou échappés, les charges de paiement d'erreur et les résultats de base de données.
  • Formater les fichiers de traduction JSONValidez et embellissez les fichiers de traduction JSON i18n (en.json, de.json) utilisés dans les applications React, Vue et Next.js.
  • Inspecter et formater les charges WebhookCollez les charges Webhook brutes de Stripe, GitHub ou Shopify et lisez-les clairement formatées.

Comment ça marche

Le formateur s'exécute entièrement dans votre navigateur avec les JSON.parse et JSON.stringify intégrés de JavaScript — sans bibliothèque, sans serveur. L'analyse, la mise en forme, la minification et la vue arborescente interactive se font toutes localement pendant que vous tapez.

  1. 1
    Analyse en direct à la saisie
    JSON.parse s'exécute 200 ms après votre dernière frappe. Si l'analyse échoue, une fonction de localisation d'erreur écrite à la main lit le message SyntaxError de V8 ou Firefox, extrait le numéro de ligne et de colonne, et propose un lien pour sauter à l'erreur dans la zone de texte.
  2. 2
    Détection d'entiers non sûrs
    Avant d'afficher le résultat, l'outil analyse la source brute à la recherche de littéraux entiers de 16 chiffres ou plus (en ignorant ceux à l'intérieur de chaînes entre guillemets), puis teste chacun avec Number.isSafeInteger. Si l'un d'eux serait silencieusement arrondi par le stockage en double IEEE-754, un avertissement apparaît avant que vous copiiez ou téléchargiez.
  3. 3
    Mise en forme, minification et tri des clés
    JSON.stringify(valeur, null, indentation) produit le résultat mis en forme ou minifié. Quand trier les clés est activé, une fonction récursive parcourt chaque objet de l'arbre analysé et le reconstruit avec Object.keys(...).sort() avant la sérialisation — les tableaux sont laissés dans leur ordre d'origine.
  4. 4
    Vue arborescente interactive
    La vue arborescente est un aplatissement récursif écrit à la main qui convertit l'objet analysé en une liste plate de nœuds avec profondeur, chemin et état d'expansion/réduction. Le rendu est plafonné à 5 000 nœuds visibles pour éviter que l'onglet ne se fige sur des documents de plusieurs mégaoctets avec de grands tableaux développés.

Tout s'exécute localement dans votre navigateur — votre JSON n'est jamais envoyé à un serveur.

Outils associés

🗜️

Minifieur et embellisseur CSS

Minifiez le CSS pour réduire la taille du fichier ou embellissez le CSS minifié pour la lisibilité. Instantané, dans votre navigateur.

Essayer
🎨

Embellisseur CSS

Mettez en forme du CSS minifié avec une indentation cohérente, ou minifiez-le. Tri alphabétique des propriétés en option pour des diffs prévisibles.

Essayer
🌐

Embellisseur et minifieur HTML

Mettez en forme ou minifiez le HTML avec une indentation d'imbrication correcte. Préserve le contenu dans les blocs <pre>, <script>, <style>.

Essayer

Questions fréquemment posées