TreeJSON — Visor JSON, Vista d'arbre, Formatador YAML & XML
ID
bjjdggabgllhblcjafopjpmcadoeldpkFormateu JSON, YAML, XML al navegador. Vista d'arbre, cerca, copiar JSONPath, exportar. Open source, privat, MV3-native.
Captures de pantalla
Descripció
Formateu JSON, YAML, XML al navegador. Vista d'arbre, cerca, copiar JSONPath, exportar. Open source, privat, MV3-native.
TreeJSON formata respostes JSON, YAML i XML directament al teu navegador — a l'instant, localment i amb zero telemetria. Reconstruït des de zero sobre Manifest V3 després que l'extensió JSON Formatter de Chrome més popular (més de 2 milions d'usuaris) passés a codi tancat i comencés a injectar scripts de tercers a principis de 2026.
QUÈ FA
TreeJSON detecta respostes JSON, YAML i XML mitjançant la capçalera Content-Type i l'extensió del fitxer, i les renderitza com una vista d'arbre plegable neta, amb ressaltat de sintaxi, comptadors d'elements i guies d'indentació. Sense configuració, sense compte, sense servidors.
FUNCIONS CLAU
• Format automàtic de JSON, JSON-LD, JSON:API, HAL+JSON, NDJSON, YAML i XML
• Arbre plegable amb comptadors d'elements i guies d'indentació
• Cerca de text complet en claus i valors amb ressaltat de subcadenes
• Clic dret en qualsevol node → copiar JSONPath, valor en brut o subarbre complet
• Clic-per-copiar en qualsevol valor primitiu
• Validador JSON amb errors de parsing numerats per línia
• Exportar JSON → CSV (matriu d'objectes), tipus TypeScript o JSON Schema (Draft-07)
• Tema clar / fosc / automàtic — segueix el sistema operatiu
• Desactivar per pestanya, per origin, patrons regex d'exclusió d'URL
• Dreceres de teclat (Alt+Maj+J per alternar, ⌘/Ctrl+F per cercar)
• Funciona amb fitxers locals (file://) quan habilites l'accés a fitxers
• Commutador en brut / formatat — torna al text font en qualsevol moment
• 100% sense connexió després de la instal·lació — sense peticions de xarxa pròpies
PER A QUI ÉS
Desenvolupadors web que depuren respostes REST i GraphQL, enginyers backend que inspeccionen payloads, enginyers QA que verifiquen la forma de les respostes, DevOps que llegeixen fitxers de configuració, qualsevol que arribi a un URL JSON en brut i vulgui llegir-lo fàcilment.
COM FUNCIONA
Obre un URL JSON, YAML o XML → TreeJSON comprova el Content-Type → renderitza un arbre estructurat → cerca, copia, exporta. Sempre zero configuració.
PER QUÈ TREEJSON
• Privadesa primer. Zero telemetria, zero analítica, zero scripts de tercers, zero servidors.
• Open source. El codi de detecció és auditable.
• MV3-native. Construït per a la plataforma d'extensions actual de Chrome. No serà desactivat per futures actualitzacions de Chrome que retirin Manifest V2.
• Permisos mínims. Només «storage» per a preferències i «activeTab» per a la pàgina actual. El permís d'host «<all_urls>» s'utilitza exclusivament per llegir el Content-Type de la resposta.
• Multi-format. JSON, YAML, XML — una eina, tres visors, una interfície coherent.
EXPLICACIÓ DE PERMISOS
Per què TreeJSON demana accés a tots els llocs? Les APIs JSON, YAML i XML s'allotgen a cada domini del web. Perquè Chrome formati automàticament una resposta JSON des de qualsevol domini, l'extensió ha de declarar accés a aquest domini. TreeJSON només inspecciona el Content-Type del document. Si la resposta no és JSON, YAML o XML, el content script finalitza immediatament. No es llegeix l'historial de navegació. Cap URL surt del navegador. Res s'envia a cap lloc.
VENS D'UN ALTRE VISOR JSON?
Cerques un visor JSON open source sense telemetria, sense scripts de tercers i amb un codi base MV3 actual? TreeJSON és l'opció privadesa-primer i multi-format. Canvia en segons.
PMF
P: TreeJSON injectarà finestres emergents o banners a pàgines de compres o checkout?
R: No. TreeJSON mai s'executa en pàgines no-JSON. El content script finalitza abans de llegir la pàgina si el Content-Type no és JSON, YAML o XML.
P: TreeJSON segueix la meva navegació?
R: No. TreeJSON té zero peticions de xarxa de sortida. No carrega scripts remots, fonts ni SDKs d'analítica.
P: Per què demana «<all_urls>»?
R: Les APIs JSON s'allotgen a cada domini. TreeJSON comprova el Content-Type de la resposta i finalitza si no és rellevant. Cap URL es registra ni es transmet.
P: Puc editar JSON?
R: TreeJSON és només lectura a v1. Utilitza un editor JSON dedicat per escriure.
P: Funciona sense connexió?
R: Sí. Després de la instal·lació, TreeJSON s'executa totalment en local. No hi ha component de servidor.
P: El codi font és públic?
R: Sí. Audita la lògica de detecció, el parser glue i el codi de renderització abans d'instal·lar.
P: En què es diferencia de Chrome DevTools?
R: DevTools mostra JSON a la pestanya Network i requereix obrir-lo per a cada petició. TreeJSON formata automàticament cada URL JSON que obres en una pestanya normal — més ràpid per a la inspecció diària d'APIs, walkthroughs i compartició de pantalla.