Un seul endroit pour traiter les données pendant le développement. Aucune donnée sensible n’est envoyée à un serveur : tout s’exécute rapidement sur votre appareil.
Entre débogage d’API, journaux et fichiers de configuration, nous manipulons du JSON en permanence. Les sites classiques envoient souvent le contenu à un backend : risque de fuite et latence réseau. Ici, le calcul reste dans le navigateur, comme un atelier 100 % local.
Que vous colliez une charge utile de production ou décodiez un JWT contenant des informations d’autorisation, tout s’exécute dans la mémoire du navigateur. Actualiser ou fermer la page détruit les données.
Si le code copié contient // des commentaires ou une virgule finale, inutile de les retirer à la main. Le moteur JSON5 tolère guillemets simples et doubles, puis convertit en un clic vers du JSON conforme RFC.
Surlignez le Diff de deux configurations comme dans Git. Le générateur de code exporte des classes fortement typées (Java, C#, Go, TypeScript…) à partir du modèle imbriqué.
Inutile d’ouvrir toutes les fonctions. Ces quatre chemins couvrent les besoins de débogage les plus fréquents.
Commencez par Formater pour embellir et valider ; si l’imbrication est profonde, passez à l’arbre pour replier et déplier ; pour horodatages, couleurs et liens, utilisez la détection de champs en aperçu.
Utilisez JSONPath pour écrire $Utilisez.. et des filtres. Requête en lecture seule, le texte d’origine n’est pas modifié. Idéal pour extraire une liste d’une réponse d’API.
Diff pour voir les écarts sémantiques ; pour en fusionner une, utilisez Fusionner en fusion profonde ou fusion de tableaux. Avant de comparer, vous pouvez trier par clé pour voir les écarts sémantiques ; pour en fusionner une, utilisez
Tableaux via CSV / Excel , configuration via YAML / XML , documentation via Schema / GraphQL , entités via Génération de code Tableaux via
L’accueil sert à choisir l’outil ; l’édition se fait dans un atelier dédié, pour que le catalogue et la zone de saisie ne se disputent pas l’écran.
Filtrez JWT, Diff, YAML… dans la recherche, ou cliquez une carte pour ouvrir l’atelier correspondant.
Collez le texte dans l’éditeur. Vous pouvez aussi injecter via #data={...} , ou #url= récupérer un JSON public selon le réseau actuel.
Formatage, conversion et décodage restent dans la mémoire de l’onglet. Après actualisation ou fermeture, rien n’est conservé sur un serveur.
Le hash se place après # , pas après le point d’interrogation. Par exemple json-formatage.html#data={"name":"Ada"} . Après lecture, il est retiré de la barre d’adresse pour éviter de laisser la charge utile dans l’historique. Plein écran : ?fullscreenLe hash se place après
Le contenu copié depuis un dépôt ou un fichier de config contient souvent commentaires et virgules finales. Le JSON.parse standard échoue immédiatement ; l’outil JSON5 peut d’abord analyser de façon tolérante, puis produire un texte conforme RFC.
JSON standard Interdits
JSON5 Ligne unique // et multiligne /* */
JSON standard Guillemets doubles obligatoires
JSON5 Sans guillemets, Unicode autorisé
JSON standard Guillemets doubles uniquement
JSON5 Guillemets simples, continuation multiligne
JSON standard Interdits
JSON5 Autorisée pour objets et tableaux
JSON standard Décimal
JSON5 Hexadécimal, .5 / 5.Hexadécimal,
Décodage JWT Découpe Header / Payload / signature selon RFC 7519. Le token n’est pas envoyé au serveur. Cette version décode localement et annote les claims ; elle n’apporte pas de clé privée dans la page pour vérifier la signature.
Claims Payload courants
iss
Émetteur
sub
Sujet / identifiant utilisateur
aud
Audience
exp
Expiration
nbf
Pas avant
iat
Émis à
jti
Identifiant (anti-rejeu)
Décodage local
exp / subPour les identifiants entiers très grands, attention à la précision JavaScript : comparez la chaîne Payload d’origine, pas seulement le Number converti.
Ouvrir l’atelier de décodage JWTGénération de code infère les types à partir des objets et tableaux imbriqués, et exporte interfaces, structs ou data classes. Idéal quand la réponse d’API existe avant le modèle front/back.
Quelques textes courts pour insérer les outils dans un vrai flux de travail. Ouvrez le blog complet pour une explication détaillée.
Ouvrez d’abord l’outil depuis l’accueil, puis collez le texte dans l’atelier. Vous pouvez aussi ajouter un paramètre de hash à l’URL, par exemple json-formatage.html#data={"key":"value"} ; après lecture, le paramètre est retiré de la barre d’adresse et la mise en forme se lance. Pour un fichier distant, utilisez #url=...Ouvrez d’abord l’outil depuis l’accueil, puis collez le texte dans l’atelier. Vous pouvez aussi ajouter un paramètre de hash à l’URL, par exemple
La conversion YAML synchronise les deux sens dans le navigateur ; l’outil Schema signale les champs requis manquants ou les erreurs de type. JWT ne décode pour l’instant que Header / Payload, sans envoyer le token au serveur.
Non. Analyse, conversion et décodage JWT restent dans l’onglet actuel. Fermer ou actualiser la page efface le contenu en mémoire.
Le catalogue sert à parcourir et chercher toutes les fonctions ; l’atelier sert à éditer. Ils ne se superposent pas : en défilant, le champ de saisie reste visible et la longue liste n’écrase pas l’éditeur.
Actuellement : YAML, XML, CSV, Excel, paramètres de requête GET, JSON Schema et GraphQL. Une chaîne Cookie peut aussi devenir un objet JSON. Les conversions sont locales.
Le traitement a lieu dans le navigateur de cet ordinateur ; la vitesse dépend de l’appareil et de la taille du JSON. Au-delà de quelques Mo, demandez-vous s’il faut coller le paquet entier ; l’arbre et JSONPath conviennent mieux pour n’en voir qu’une partie.