Formateador JSON de balde
Formatear, validar, minimizar e explorar datos JSON. Vista en árbore, resaltado de sintaxe e copia cun só clic.
Usos habituais
- Formatea Respostas da APIPega respostas de API JSON sin procesar e formataas instantáneamente en saída lexible e indentada.
- Formatea Ficheiros de Configuración JSONLimpa e valida ficheiros de configuración JSON — package.json, tsconfig.json, configuracións e máis.
- Formatea JSON para DepuraciónDesentierra logs minificados ou escapados de JSON, cargas de erro e ouputs de base de datos instantáneamente.
- Formatea Ficheiros de Tradución JSONValida e embela ficheiros de tradución JSON i18n (en.json, de.json) usados en aplicacións React, Vue e Next.js.
- Inspecciona e Formatea Cargas de WebhookPega cargas de webhook sen procesar de Stripe, GitHub ou Shopify e léeas claramente formateadas.
Como funciona
O formatador execútase enteiramente no teu navegador usando o JSON.parse e JSON.stringify integrados de JavaScript — sen biblioteca, sen servidor. A análise, o formato, a minificación e a vista de árbore interactiva ocorren todos localmente mentres escribes.
- 1Análise en directo na entradaJSON.parse execútase 200 ms despois da túa última pulsación de tecla. Se a análise falla, unha función de localización de erros escrita a man le a mensaxe SyntaxError de V8 ou Firefox, extrae o número de liña e columna, e ofrece unha ligazón de salto ao erro na área de texto.
- 2Detección de enteiros non segurosAntes de mostrar a saída, a ferramenta escanea a fonte en bruto en busca de literais enteiros de 16 ou máis díxitos (ignorando os que están dentro de cadeas entre comiñas), e despois proba cada un con Number.isSafeInteger. Se algún fose redondeado silenciosamente polo almacenamento en dobre precisión IEEE-754, aparece un aviso antes de copiar ou descargar.
- 3Formato, minificación e ordenación de clavesJSON.stringify(valor, null, sangría) produce a saída formatada ou minificada. Cando ordenar claves está activado, unha función recursiva percorre cada obxecto na árbore analizada e recónstruo con Object.keys(...).sort() antes da serialización — os arrays déixanse na súa orde orixinal.
- 4Vista de árbore interactivaA vista de árbore é un aplanamento recursivo escrito a man que converte o obxecto analizado nunha lista plana de nós con profundidade, ruta e estado de expandir/contraer. A renderización está limitada a 5.000 nós visibles para evitar que a pestana se bloquee en documentos de varios megabytes con arrays expandidos grandes.
Todo se executa localmente no teu navegador — o teu JSON nunca se envía a ningún servidor.
Ferramentas relacionadas
Minificador e embellecedor de CSS
Minifica CSS para reducir o tamaño do ficheiro ou embellece CSS minificado para a súa lexibilidade. Instantáneo, no teu navegador.
Embellecedor de CSS
Formata CSS minimizado cunha sangría coherente, ou minimízao. Ordenación alfabética opcional das propiedades para obter diferenzas previsibles.
Embellecedor e minificador de HTML
Formatea ou minifica HTML cunha sangría de anidamento adecuada. Conserva o contido dentro dos bloques <pre>, <script>, <style>.