Visionneuse JSON

Visionneuse texte et arbre repliable avec développer/réduire et chemins de nœuds.

Votre JSON est analysé et affiché localement dans votre navigateur, et rien n'est envoyé à un serveur.

Besoin de types TypeScript depuis votre JSON ? Essayez l'outil JSON vers TypeScript.

À propos de Visionneuse JSON

Cette visionneuse json vous offre un espace de travail à deux panneaux pour lire et ranger du JSON : modifiez, formatez ou minifiez vos données dans l'onglet Texte, puis passez à l'onglet Visionneuse pour les parcourir sous forme d'arbre repliable. Elle est conçue pour les développeurs, les ingénieurs QA et toute personne qui débogue une réponse d'API et a besoin de voir du json en ligne sans chercher dans un mur de texte. Développez ou repliez les nœuds, plongez dans les objets et tableaux imbriqués, et cliquez sur toute valeur pour copier son chemin exact. En tant que visionneuse d'arbre json, elle fait aussi office de formateur json rapide, vous aidant à embellir des charges utiles minifiées et à repérer la structure d'un coup d'œil. Tout s'exécute entièrement dans votre navigateur, vos données ne quittent jamais votre appareil et rien n'est envoyé à un serveur.

Fonctionnalités

Comment utiliser Visionneuse JSON

  1. Collez ou saisissez votre JSON dans l'onglet Texte.
  2. Cliquez sur Formater pour l'embellir, ou Minifier pour le compacter, et vérifiez qu'il est valide.
  3. Passez à l'onglet Visionneuse pour voir l'arbre repliable.
  4. Utilisez Tout développer ou Tout replier, ou cliquez sur des nœuds individuels pour creuser.
  5. Cliquez sur une valeur et copiez son chemin depuis la barre en bas.

Exemple

Entrée

{"author":{"name":"Ada","links":["site","blog"]}}

Sortie

{
  "author": {
    "name": "Ada",
    "links": [
      "site",
      "blog"
    ]
  }
}

Formaté dans l'onglet Texte ; cliquer sur le premier lien dans la Visionneuse affiche le chemin author.links[0].

Erreurs courantes et dépannage

Foire aux questions

À quoi sert la Visionneuse JSON ?
La Visionneuse JSON vous permet de formater, minifier et explorer du JSON sous forme d'arbre repliable, afin de lire des réponses d'API et des fichiers de configuration sans parcourir un mur de texte brut.
Comment obtenir le chemin vers une valeur dans la Visionneuse JSON ?
Cliquez sur tout nœud dans l'onglet Visionneuse et son chemin, par exemple author.links, apparaît dans la barre du bas, prêt à copier.
Puis-je développer ou replier tout l'arbre d'un coup ?
Oui. Utilisez les boutons Tout développer et Tout replier dans la barre d'outils pour remodeler le document entier en un clic.
La Visionneuse JSON formate-t-elle et minifie-t-elle aussi mon JSON ?
Oui. L'onglet Texte embellit ou compacte le JSON brut avec les boutons Formater et Minifier, puis l'onglet Visionneuse l'affiche sous forme d'arbre navigable.
Mon JSON est-il envoyé quelque part lorsque j'utilise la Visionneuse JSON ?
Non. La Visionneuse JSON traite tout localement dans votre navigateur, vos données ne quittent jamais votre appareil et rien n'est envoyé.
Comment la Visionneuse JSON gère-t-elle le JSON invalide ?
L'onglet Visionneuse a besoin de JSON valide pour construire l'arbre ; corrigez les erreurs signalées dans l'onglet Texte, y compris la ligne et la colonne, et l'arbre s'affichera.

Outils associés

Tous les outils ArrayKit