Cómo se usa
- Pega tu HTML en el área de código.
- Activa Vista previa en vivo para ver los cambios al editar.
- En una pantalla de más de 768 px, elige Móvil 375 en Viewport para revisar el diseño a ese ancho.
- Elige Lado a lado en Diseño para comparar el código con la vista previa. En pantallas de hasta 768 px no aparece esta opción y se usan las pestañas Código y Vista previa.
Ejemplos
Tarjeta de producto con estilos CSS
<style>
.tarjeta { max-width: 320px; margin: 16px auto; padding: 16px; border: 1px solid #ccc; border-radius: 12px; font-family: sans-serif; }
.precio { color: #146c43; font-weight: bold; }
</style>
<article class="tarjeta">
<h2>Café de Colombia</h2>
<p>Paquete de 250 g · Tueste medio</p>
<p class="precio">8,50 €</p>
</article>Tamaño: 333 B · Elementos: 5 · Recursos externos: 0
Registrar los datos de un pedido
<h2>Pedido de Lucía</h2>
<p>2 cuadernos a 4,50 € cada uno.</p>
<script>
const pedido = { cliente: 'Lucía', unidades: 2, total: 9 };
console.log('Pedido', pedido);
</script>Tamaño: 176 B · Elementos: 3 · Recursos externos: 0
Consola (1):
Pedido {"cliente":"Lucía","unidades":2,"total":9}Localizar un error de JavaScript
<h2>Resumen de compra</h2> <script> calcularTotal(); </script>
Tamaño: 62 B · Elementos: 2 · Recursos externos: 0 Consola (1): Uncaught ReferenceError: calcularTotal is not defined (línea 3:1)
Preguntas frecuentes
¿Puedo ver una página web pegando su URL?
Una URL pegada se muestra como texto; el visor no descarga esa página. Para consultar el HTML de una web por su dirección, usa Ver código fuente.
¿El visor admite HTML, CSS y JavaScript?
Puedes incluir CSS y JavaScript dentro del HTML. Los scripts y los eventos como onclick solo se ejecutan si JavaScript está activado; los mensajes de console.log y los errores aparecen debajo de la vista previa.
¿Por qué no aparecen las imágenes o los estilos de mi archivo?
Las rutas relativas, como img/logo.png o style.css, no se pueden cargar desde tu ordenador. Usa URL absolutas, recursos data: o añade una etiqueta base con el atributo href que apunte a la ubicación de esos archivos.
¿Se sube o se guarda mi código HTML?
El HTML se procesa en tu navegador y no se envía al servidor de la herramienta ni se guarda entre visitas. Los recursos externos pueden hacer solicitudes a sus propios servidores, que pueden ver tu IP; activa Bloquear recursos externos para impedir su carga.
¿Qué archivos puedo abrir y cuál es el tamaño máximo?
Se aceptan archivos .html, .htm, .xhtml, .svg y .txt de hasta 5 MB. Los archivos que superan ese tamaño se rechazan.