Formatez, validez, explorez et comparez du JSON dans votre navigateur. Erreurs de syntaxe précises, vue en arbre, tri des clés, recherche et une comparaison sémantique qui ignore le formatage.
Tab indente la ligne ou la sélection. Appuyez d'abord sur Échap si vous voulez que Tab passe au contrôle suivant.
La validation s'exécute pendant la frappe. Dès que le document se lit, vous obtenez des statistiques, une vue en arbre avec des chemins copiables et les actions formater, minifier et trier. Rien n'est envoyé nulle part.
Les statistiques apparaissent dès que le document se lit.
L'arbre apparaît dès que le document se lit.
Le formatage réindente un document sans toucher à ce qu'il contient : l'analyseur le lit, et le sérialiseur réécrit les mêmes valeurs avec deux espaces, quatre espaces ou des tabulations. Minifier est la même opération sans les blancs, ce qu'il vous faut avant de mettre une charge utile dans un en-tête, une chaîne de requête ou une fixture. Valeurs, échappements et Unicode reviennent exactement comme ils sont entrés.
Un validateur qui dit seulement « invalide » ne vous a rien dit. Celui-ci indique la ligne, la colonne et le décalage en caractères, nomme la cause - une virgule finale, une clé en apostrophes, un deux-points manquant, un commentaire - et imprime les lignes voisines avec un accent circonflexe sous le défaut. Il signale aussi deux choses qu'un analyseur cache : les clés en double, que JSON.parse réduit silencieusement à la dernière, et les grands entiers qui perdent en précision dès que JavaScript les lit.
La comparaison porte sur les données, pas sur le texte. Deux documents qui ne diffèrent que par l'indentation, les fins de ligne ou l'ordre d'écriture de leurs clés sont signalés comme identiques. Les tableaux sont comparés comme des suites, car leur ordre fait partie des données : un élément inséré est signalé comme une insertion, et non comme un changement de tout ce qui suit. Chaque différence apparaît comme ajoutée, supprimée, modifiée ou de type modifié, avec un symbole et un mot en plus de la couleur.
La vue en arbre ouvre un document niveau par niveau, pour qu'un gros fichier ne devienne pas une grosse page. Chaque ligne porte le chemin qui y mène - users[4].email, profile.address.city - et un bouton de copie pour le chemin et pour la valeur, c'est-à-dire en général ce que vous cherchiez dans le fichier.
Le document que vous collez, le fichier que vous déposez, les valeurs lues, les statistiques et la comparaison ne quittent jamais cet onglet. Aucun appel d'API ne se cache derrière cet outil, rien n'est écrit dans le stockage sauf votre préférence d'indentation, et rien ne passe dans la barre d'adresse. Cela compte ici plus qu'ailleurs : les réponses d'API de production et les fichiers de configuration portent souvent des identifiants, des données clients ou des noms d'hôtes internes.
Lire une réponse d'API arrivée sur une seule ligne. Vérifier une charge utile de webhook face à ce qu'attend votre gestionnaire. Trouver ce qui a changé entre deux versions d'un fichier de configuration. Transformer une réponse d'exemple en interface TypeScript. Confirmer qu'une ligne de log est du JSON valide avant d'accuser l'analyseur.
Le formatage et la minification passent par l'analyseur et le sérialiseur JSON du navigateur lui-même, donc les valeurs, les échappements et l'Unicode sont préservés exactement. La validation est faite par le scanner propre à cet outil, et c'est pourquoi il peut donner une ligne et une colonne que le message du navigateur ne fournit pas, et avertir des clés en double et des entiers qui perdent en précision. Les documents sont limités à 5 Mio, la coloration syntaxique se coupe au-delà de 300 Kio pour qu'un gros fichier reste utilisable au clavier, et la comparaison détaillée s'arrête tôt sur les très grands arbres. Il ne valide pas contre un JSON Schema et ne répare pas les documents cassés.
Non. Le formatage, la validation, la comparaison, les statistiques et l'arbre s'exécutent tous dans votre navigateur. Cet outil ne fait aucun appel d'API, et rien de ce que vous collez ou déposez n'est écrit dans le stockage ni mis dans la barre d'adresse. La seule chose conservée d'une visite à l'autre est l'indentation choisie.
Parce qu'elle compare des données et non du texte. L'indentation, les fins de ligne et l'ordre d'écriture des clés d'objet n'ont aucun sens en JSON, ils ne sont donc pas signalés comme des différences. L'ordre d'un tableau, lui, a un sens et est comparé comme une suite : une liste réordonnée est une vraie différence.
Le scanner les trouve et vous avertit, mais rien ne peut les récupérer : JSON.parse ne garde que la dernière valeur d'une clé répétée, et tous les autres analyseurs JSON que vous utiliserez font pareil. L'avertissement indique la clé et la ligne, pour que vous corrigiez la source.
Jusqu'à 5 Mio. Au-delà d'environ 300 Kio, les couleurs de syntaxe se coupent pour que la frappe reste fluide, et sur les très gros documents la comparaison détaillée s'arrête tôt et le dit. Les statistiques et la validation fonctionnent sur toute la plage.
MCP, Model Context Protocol : qu'est-ce que c'est et comment fonctionne-t-il en pratique ?
MCP, REST API, Function Calling and Agent Tools compared
Le Model Context Protocol, ou MCP, est un standard ouvert qui relie les applications d'IA aux outils et aux sources de données. Au lieu de créer une intégration différente pour chaque modèle et chaque service, un serveur MCP décrit ses capacités dans un format standard qu'un client compatible peut découvrir et invoquer. En 2026, MCP est nettement plus mature qu'à son lancement : la spécification actuelle repose sur un cœur HTTP sans état, des extensions formelles, des règles d'autorisation renforcées et des mécanismes pour les tâches longues.
Axios est devenu le client HTTP par défaut de nombreuses équipes JavaScript car il offrait une API propre avant que Fetch ne devienne la primitive standard du navigateur. Aujourd'hui, de nombreuses équipes peuvent utiliser Fetch natif directement ou choisir Ky, un petit wrapper qui ajoute du confort sans tout le poids d'Axios. Le bon choix dépend de si vous avez réellement besoin de fonctionnalités spécifiques à Axios comme les intercepteurs et les wrappers existants, ou si une couche de requêtes plus légère et moderne convient mieux à votre application.
TypeScript contre JavaScript : lequel utiliser pour le frontend ?
TypeScript and JavaScript compared
JavaScript est le langage du web, et TypeScript est JavaScript doté d'un système de typage qui aide les équipes à attraper les erreurs plus tôt et à maintenir de plus grandes bases de code avec plus de confiance. Pour de petits scripts et des prototypes rapides, le JavaScript pur peut suffire. Pour des applications frontend sérieuses, TypeScript se rembourse souvent par un meilleur outillage, des refactorisations plus sûres et des contrats plus clairs entre les modules. Le bon choix dépend de la taille du projet, de l'expérience de l'équipe et de la durée de vie nécessaire du code.
Nous développons des logiciels et des solutions sur mesure adaptés à vos besoins.