Utilidades
Previsualizar HTML
Escribe o pega HTML y ve el resultado al momento en un marco aislado, con opción de simular distintos anchos de pantalla.
Código
Resultado Completo
Cómo funciona el aislamiento
El resultado se muestra dentro de un marco con la caja de arena activada, lo que significa que tu código se ejecuta en un contexto separado y con permisos recortados:
Puede hacer
- Renderizar HTML y aplicar CSS
- Ejecutar JavaScript
- Mostrar diálogos y ventanas
- Cargar imágenes y fuentes externas
No puede hacer
- Acceder a esta página ni a sus datos
- Leer ni escribir cookies
- Usar el almacenamiento del navegador
- Navegar por su cuenta a otra dirección
Para qué viene bien
Comprobar un fragmento antes de pegarlo
Si te han pasado un trozo de HTML y quieres ver qué hace antes de meterlo en tu sitio,
aquí lo ves sin tocar nada de tu proyecto.
Probar una idea de maquetación
Escribir cuatro líneas de flexbox o grid y ver el resultado al instante, sin montar un
proyecto ni abrir el editor.
Revisar el diseño adaptable
Cambiar entre los anchos de móvil, tableta y escritorio para ver dónde se rompe la
maquetación.
Enseñar HTML
Ver el efecto de cada etiqueta al momento es la forma más directa de entender cómo
funciona, sin instalar nada.
Preguntas frecuentes
¿Se ejecuta el JavaScript que escriba? Sí, dentro de un marco aislado con permisos restringidos. Puede ejecutar scripts para que puedas probar, pero no tiene acceso a esta página, ni a cookies, ni a almacenamiento, ni puede navegar por su cuenta.
¿Se guarda o se envía mi código? No. Todo ocurre en tu navegador y nada se transmite. Al recargar la página, el contenido se pierde salvo el ejemplo inicial.
¿Puedo cargar imágenes o fuentes externas? Sí, si la URL es accesible públicamente. Las rutas relativas no funcionarán porque el marco no tiene una URL base propia, así que usa direcciones completas.
¿Sirve para probar diseño adaptable? Sí. Los botones de tamaño cambian el ancho del marco para simular móvil, tableta y escritorio, y así puedes ver cómo responde tu maquetación.
Todo ocurre en tu navegador
Esta utilidad se ejecuta enteramente en tu equipo con JavaScript. Lo que escribes o pegas no se envía a ningún servidor, no se guarda y no queda registrado en ninguna parte.
Utilidades relacionadas
¿Buscas una app para instalar?
80+ Apps Markdown
El directorio más completo en español. Filtra por plataforma, precio y uso.