JSON Viewer — Visionneuse JSON

Une visionneuse en arbre rapide pour les gros fichiers JSON

Le JSON est facile à lire quand il tient sur une douzaine de lignes, mais presque impossible quand il s'agit d'un dump d'API de 40 Mo, d'un export GeoJSON ou d'un fichier HAR du navigateur. Les éditeurs de texte peinent avec des fichiers de cette taille, et la plupart des visionneuses en ligne envoient vos données sur un serveur ou figent l'onglet pendant qu'elles construisent des milliers d'éléments HTML. Cette visionneuse JSON est conçue précisément pour cette situation : vous déposez le fichier, il est analysé localement puis affiché sous forme d'arbre repliable où seules les lignes actuellement à l'écran sont dessinées. Que le document compte une centaine de nœuds ou plusieurs millions, le défilement et le dépliage restent fluides.

Chaque ligne affiche la clé ou l'index du tableau, une valeur colorée et, pour les objets et les tableaux, le nombre de clés ou d'éléments qu'ils contiennent. Cliquez sur une ligne pour la sélectionner et la déplier ou la replier, ou utilisez le clavier : les flèches déplacent la sélection et déplient, Page Up et Page Down sautent d'un écran à la fois, et Enter bascule le nœud courant. Expand all et Collapse all s'appliquent à tout le document, avec une limite de sécurité pour qu'un fichier énorme ne bloque pas la page.

Rechercher et copier des chemins

La zone de recherche parcourt chaque clé et chaque valeur du document, y compris les nœuds encore repliés. Appuyez sur Enter pour passer à la correspondance suivante et sur Shift+Enter pour revenir en arrière ; la visionneuse déplie les parents de chaque résultat, le fait défiler jusqu'à l'écran et met en surbrillance le texte correspondant. Il devient ainsi rapide de retrouver un identifiant, une adresse e-mail ou un code d'erreur enfoui profondément dans une réponse imbriquée.

Lorsque vous sélectionnez un nœud, son chemin complet apparaît sous l'arbre. Choisissez la notation dont vous avez besoin — JavaScript, JSONPath, JSON Pointer, jq ou Python — et copiez-la d'un clic, ou survolez une ligne et utilisez son bouton de copie du chemin. Les clés contenant des espaces, des tirets ou d'autres caractères spéciaux sont placées entre guillemets et échappées correctement pour chaque format, de sorte que le chemin copié peut être collé directement dans du code, une commande jq, une assertion de test ou une opération JSON Patch. Copy value copie la chaîne sélectionnée en texte brut, ou n'importe quel objet ou tableau sous forme de JSON formaté.

Privé et utilisable hors ligne

Tout se passe dans votre navigateur. Le fichier n'est jamais envoyé, il n'y a pas de compte et rien n'est enregistré : vous pouvez donc inspecter sans risque des journaux de production, des exports de clients ou des réponses contenant des jetons. Le JSON délimité par des sauts de ligne (NDJSON ou JSON Lines) est reconnu automatiquement et affiché sous forme de tableau, et une entrée invalide est signalée avec la ligne et la colonne de la première erreur. Si vous devez reformater, minifier ou trier les clés d'un document plutôt que le parcourir, utilisez plutôt le JSON Formatter.