Convertir HTML a JSON en línea | Gratis y Seguro
Convierte archivos HTML a JSON: analiza la estructura de etiquetas en un árbol JavaScript. Conversión gratis y segura en tu navegador.
Pega cualquier HTML y esta herramienta lo convierte al instante en un árbol JSON estructurado—cada elemento se mapea como un nodo con su nombre de etiqueta, atributos, contenido de texto, elementos hijos y comentarios. El procesamiento ocurre enteramente en tu navegador usando la API nativa DOMParser, por lo que ningún código se sube a ningún servidor.
Entrada HTML
Subir
El resultado JSON aparecerá aquí...
Cómo convertir HTML a JSON
Pegue su código HTML o suba un archivo HTML.
La herramienta analiza automáticamente el HTML en un árbol JSON.
Copie o descargue la salida JSON.
Características principales
Procesamiento del lado del cliente
Su HTML se analiza directamente en su navegador. No se envían datos a ningún servidor.
Estructura de árbol DOM
Convierte elementos, atributos, texto y comentarios en un objeto JSON anidado.
Manejo de errores
Detecta e informa errores de análisis HTML.
Preguntas frecuentes
¿Es esta herramienta gratuita?
Sí, este conversor de HTML a JSON es completamente gratuito.
¿Cómo funciona la conversión?
Utiliza la API nativa DOMParser del navegador para analizar la cadena HTML y construye recursivamente una representación JSON del árbol DOM.
También te puede interesar
Pega cualquier HTML y esta herramienta lo convierte al instante en un árbol JSON estructurado—cada elemento se mapea como un nodo con su nombre de etiqueta, atributos, contenido de texto, elementos hijos y comentarios. El procesamiento ocurre enteramente en tu navegador usando la API nativa DOMParser, por lo que ningún código se sube a ningún servidor.
Cómo usar el conversor HTML a JSON
- 1
Pega o sube tu HTML
Introduce código HTML directamente en el campo de entrada, o usa el botón Subir para cargar un archivo .html desde tu dispositivo.
- 2
Convierte a JSON
La herramienta parsea el HTML con DOMParser y recorre el DOM de forma recursiva, construyendo un objeto JSON anidado para el árbol del documento.
- 3
Inspecciona el resultado
Revisa el nombre de etiqueta, atributos, texto, elementos hijos y comentarios de cada nodo en el panel de salida JSON.
- 4
Copia o descarga
Usa Copiar para enviar el JSON al portapapeles, o Descargar para guardarlo como archivo .json para usarlo en tu código.
Referencias
- WHATWG — HTML Standard
La especificación viva que define los elementos HTML, atributos y el algoritmo de análisis que convierte el marcado en un árbol DOM.
- MDN — DOMParser
La API Web utilizada por esta herramienta para parsear una cadena HTML en un documento DOM navegable en el navegador.
- RFC 8259 — JSON
La especificación IETF para el formato de intercambio de datos JSON usado en la salida de la herramienta.
Herramientas relacionadas
Formateador JSON
Embellece y valida el árbol JSON producido a partir de tu HTML.
Visor HTML
Previsualiza e inspecciona el HTML renderizado antes de convertirlo.
Minificador HTML
Comprime HTML eliminando espacios en blanco y comentarios.
Markdown a JSON
Convierte documentos Markdown en una representación JSON estructurada.
Preguntas frecuentes
- ¿Es gratuita esta herramienta?
- Sí, este conversor de HTML a JSON es completamente gratuito y no requiere registro.
- ¿Se envía mi HTML a algún servidor?
- No. Todo el procesamiento ocurre localmente en tu navegador usando DOMParser. Tu código nunca abandona tu dispositivo.
- ¿Cómo funciona la conversión de HTML a JSON?
- La herramienta usa la API DOMParser nativa del navegador para parsear el HTML y luego recorre el árbol DOM de forma recursiva, guardando cada nodo como un objeto JSON con nombre de etiqueta, atributos, texto e hijos.
- ¿Cómo se representan los atributos y el texto en el JSON?
- Cada elemento se convierte en un nodo con nombre de etiqueta, mapa de atributos, contenido de texto y un array de nodos hijos—reflejando la estructura del árbol DOM original.
- ¿Puede manejar HTML incorrecto o incompleto?
- Sí. DOMParser es tolerante y sigue el algoritmo de análisis de HTML para recuperarse de errores comunes; la herramienta también detecta e informa errores de análisis.
- ¿Puedo convertir HTML a JSON con JavaScript o Python?
- Sí, puedes usar la API DOMParser en JavaScript o librerías como BeautifulSoup en Python, aunque esta herramienta lo hace en segundos sin escribir código.