Visionneuse d’arborescence JSON
Explorer et modifier du JSON dans une arborescence repliable
Saisie JSON
Fichiers JSON jusqu’à 25 MiB
Les réparations peuvent modifier les données mal formées. Vérifiez la saisie modifiée avant l’exportation.
Détails de l’analyseur
Visionneuse JSON
Saisissez du JSON valide pour voir sa structure.
L’arborescence affiche une page de nœuds visibles. Toutes les données restent disponibles dans l’arborescence et les exportations complètes.
Saisissez du JSON valide pour voir sa structure.
Statistiques JSON
- Clés d’objet
- 0
- Total des valeurs
- 0
- Objets
- 0
- Tableaux
- 0
- Chaînes
- 0
- Nombres
- 0
- Booléens
- 0
- Valeurs nulles
- 0
- Profondeur maximale
- 0
- Octets UTF-8
- 0
Utilisation de la visionneuse
Saisissez du JSON pour changer son type, ou du texte brut pour enregistrer une chaîne. Entrée enregistre ; Échap annule.
- Chargez un fichier ou un exemple pour ouvrir l’arborescence et réduire le panneau de saisie. Utilisez Afficher la saisie pour modifier le JSON brut.
- La saisie maintient le panneau ouvert. Le formatage et la minification modifient la saisie sans perdre les données analysées.
- En mode arborescence, Copier utilise du JSON formaté. En mode code, Copier conserve le formatage de la saisie ; l’aperçu du code et les téléchargements utilisent du JSON formaté.
- Les clés contenant des points, des guillemets ou le nom root sont traitées comme des clés littérales.
- Modifiez les valeurs primitives avec le crayon ; la suppression nécessite une confirmation. Modifiez les objets et les tableaux dans la saisie brute.
- La recherche porte sur les clés et les valeurs de chaîne, y compris les chaînes des tableaux. Sélectionnez une correspondance pour afficher son emplacement exact.
- Les nombres utilisent la précision numérique de JavaScript.
Visionneuse, validateur et éditeur JSON en ligne gratuit
Notre visionneuse d’arborescence JSON transforme des données JSON brutes en une arborescence interactive et repliable, qui facilite l’exploration des objets même profondément imbriqués. Collez une chaîne JSON, importez un fichier .json ou déposez-en un sur la page : l’outil valide, analyse et affiche aussitôt vos données dans une hiérarchie navigable, avec des types colorés pour les chaînes, les nombres, les booléens et les valeurs null.
Au-delà de la visualisation, l’outil fait aussi office d’éditeur JSON léger. Survolez n’importe quelle valeur primitive de l’arborescence pour afficher les boutons de modification et de suppression, et modifier les données directement sans passer par un autre éditeur. Les changements sont immédiatement répercutés dans le JSON sous-jacent, que vous pouvez ensuite copier ou télécharger. Le validateur JSON intégré signale les erreurs de syntaxe en temps réel, et la correction automatique répare les erreurs courantes comme les clés sans guillemets, les guillemets simples et les virgules finales.
Une puissante fonction de recherche permet de trouver des clés et des valeurs dans toute la structure, tandis que le panneau de statistiques détaille le nombre total de clés, d’objets, de tableaux, de chaînes, de nombres, de booléens, de valeurs null, la profondeur maximale et la taille en octets. Que vous déboguiez une réponse d’API, inspectiez un fichier de configuration ou analysiez un export de base de données, cette visionneuse JSON en ligne garde votre travail rapide et vos données privées : tout s’exécute dans votre navigateur, sans envoi vers un serveur.
Fonctionnalités principales
- Arborescence interactive avec commandes pour développer, réduire, tout développer et tout réduire
- Validation JSON en temps réel avec des messages d’erreur descriptifs
- Correction automatique des erreurs JSON courantes : clés sans guillemets, guillemets simples, virgules finales et valeurs undefined
- Modification et suppression des valeurs directement dans l’arborescence
- Recherche de clés et de valeurs avec résultats surlignés et affichage du chemin
- Panneau de statistiques JSON : nombre de clés, d’objets, de tableaux, de chaînes, de nombres, de booléens, de valeurs null, profondeur maximale et taille
- Bascule entre mise en forme (pretty-print) et minification pour le JSON brut saisi
- Import de fichier, glisser-déposer, copie dans le presse-papiers et téléchargement en .json
- Bascule entre la vue arborescente et la vue code
- Panneau de saisie repliable pour libérer un maximum d’espace pour l’arborescence
Comment utiliser la visionneuse d’arborescence JSON
- Chargez votre JSON : Collez le JSON dans la zone de saisie, cliquez sur « Importer » pour sélectionner un fichier .json, faites glisser un fichier sur la zone de saisie ou cliquez sur « Charger un exemple » pour une démonstration.
- Validez et analysez : L’outil valide votre JSON en temps réel. Si des erreurs sont détectées, cliquez sur « Corriger les erreurs JSON » pour corriger automatiquement les problèmes courants.
- Explorez l’arborescence : Cliquez sur les nœuds pour les développer ou les réduire. Utilisez « Tout développer » et « Tout réduire » pour naviguer en masse.
- Recherchez des données : Saisissez un nom de clé ou une valeur dans la barre de recherche pour localiser les entrées correspondantes avec leur chemin complet.
- Modifiez ou supprimez des valeurs : Utilisez les commandes de modification ou de suppression à côté d’une valeur primitive. Ces commandes restent disponibles sur les écrans tactiles ; la suppression demande une confirmation.
- Exportez vos données : Cliquez sur « Copier » pour placer le JSON dans votre presse-papiers, ou sur « Télécharger » pour l’enregistrer dans un fichier .json.
Cas d’usage
- Débogage de réponses d’API : Collez une réponse REST ou GraphQL pour visualiser sa structure et repérer rapidement des champs précis.
- Inspection de fichiers de configuration : Importez un package.json, un tsconfig.json ou tout autre fichier de configuration pour vérifier sa structure et ses valeurs.
- Analyse de structures de données : Utilisez le panneau de statistiques pour mesurer la complexité d’une charge JSON : profondeur d’imbrication, nombre de clés et taille en octets.
- Modification rapide de JSON : Apportez de petites corrections à des données JSON sans ouvrir un IDE complet ni un éditeur de texte.
- Correction d’erreurs : Réparez un JSON mal formé provenant de journaux ou de sources tierces grâce à la correction automatique avant de le traiter dans votre application.
- Examen d’exports de bases de données : Inspectez dans un format lisible des exports JSON issus de MongoDB, de Firebase ou d’autres bases de données documentaires.
- Enseignement et apprentissage : Visualisez des structures de données imbriquées pour des étudiants qui découvrent JSON, les API et la modélisation de données.
Questions fréquentes
Cet outil est-il gratuit ?
Oui, la visionneuse d’arborescence JSON est entièrement gratuite, sans inscription, sans publicité bloquante et sans limite d’utilisation. Affichez, validez, modifiez et exportez du JSON autant que vous le souhaitez.
Mes données sont-elles en sécurité ?
Oui. L’analyse, la validation, la modification et la recherche se font entièrement dans votre navigateur. Aucune donnée n’est jamais envoyée à un serveur distant, ce qui permet de traiter sans risque des données JSON propriétaires, internes ou sensibles.
Quelles erreurs JSON la correction automatique peut-elle réparer ?
L’action de réparation tente les corrections d’origine pour les clés sans guillemets, les guillemets simples, les virgules finales et les valeurs undefined. Elle laisse visible la saisie tentée pour que vous puissiez la vérifier. Les réparations peuvent modifier des données mal formées et ne garantissent pas le sens voulu ; un JSON déjà valide reste inchangé.
Existe-t-il une limite de taille pour les fichiers JSON ?
Les fichiers importés ou déposés sont acceptés jusqu’à 25 Mio, y compris un fichier exactement à la limite. La visionneuse affiche les nœuds visibles de l’arborescence page par page tout en conservant l’intégralité des données pour la modification et l’export. Un JSON volumineux ou très profondément imbriqué peut tout de même demander plus de temps ou de mémoire.
Puis-je modifier des objets ou des tableaux imbriqués dans l’arborescence ?
Actuellement, la modification et la suppression directes sont disponibles pour les valeurs primitives (chaînes, nombres, booléens et valeurs null). Pour modifier des objets ou des tableaux imbriqués, passez au panneau de saisie et modifiez directement le JSON brut.
Astuces et bonnes pratiques
- Mettez en forme avant d’explorer : Cliquez sur « Formater le JSON » pour mettre en forme la saisie (pretty-print) et rendre le texte brut plus lisible à côté de l’arborescence.
- Repliez le panneau de saisie : Après avoir chargé le JSON, masquez le panneau de saisie pour donner à l’arborescence un maximum d’espace à l’écran pour les hiérarchies profondes.
- Utilisez la recherche pour les gros fichiers : Au lieu de développer les nœuds un par un dans un gros JSON, saisissez une clé ou une valeur dans la barre de recherche pour accéder directement aux correspondances.
- Consultez les statistiques pour un audit rapide : Utilisez « Afficher les statistiques » pour obtenir un aperçu rapide de la complexité des données avant de plonger dans les nœuds individuels.
- Glissez-déposez pour plus de confort : Faites glisser un fichier .json directement depuis votre gestionnaire de fichiers vers la zone de saisie pour charger vos données le plus vite possible.
- Téléchargez après les modifications : Après avoir fait des modifications directes, cliquez sur « Télécharger » pour enregistrer le JSON modifié dans un nouveau fichier plutôt que d’écraser l’original.