Visor HTML - Vista previa de HTML en el navegador Online

Entrada

Salida

¿Qué es un Visor HTML?

Un visor HTML te permite pegar o escribir HTML y ver instantáneamente una vista previa en vivo de cómo se renderizará en un navegador. Es útil para probar rápidamente fragmentos HTML, plantillas de correo electrónico o cualquier HTML sin necesitar un entorno de desarrollo completo.

Esta herramienta se ejecuta completamente en tu navegador. La vista previa se renderiza en un iframe sandboxed usando el atributo srcdoc. La pestaña Código fuente muestra el código HTML formateado.

Cómo usar esta herramienta

Pegar o subir HTML

Pega tu HTML en el editor izquierdo o haz clic en Subir para cargar un archivo. Haz clic en Ejemplo para probar un ejemplo.

Vista previa o ver código fuente

El panel derecho muestra una Vista previa en vivo de tu HTML. Cambia a la pestaña Código fuente para ver el código HTML formateado.

Copiar o descargar

Usa <strong>Copiar</strong> o <strong>Descargar</strong> para guardar el código fuente formateado. Para validar tu HTML, usa el Validador HTML.

Ejemplo de Visor HTML

Pega cualquier fragmento HTML y vélo renderizado instantáneamente. Aquí un ejemplo sencillo:

Entrada HTML

Entrada

Cuándo es útil un Visor HTML

Un visor HTML es útil cuando quieres probar rápidamente fragmentos HTML, verificar plantillas de correo, revisar HTML autogenerado o compartir una vista previa visual de HTML con colegas.

Para validar la estructura HTML y detectar errores, usa el Validador HTML.

Preguntas frecuentes

¿Está la vista previa en sandbox?

Sí. La vista previa se ejecuta dentro de un iframe sandboxed con el atributo sandbox="allow-scripts". Esto evita el acceso a cookies o la página padre.

¿Se envía mi HTML a un servidor?

No. La vista previa se renderiza completamente en tu navegador usando el atributo srcdoc del iframe.

Herramientas relacionadas

Ver el HTML Living Standard y la documentación MDN de iframe.