¿Qué es el Visor HTML Online?▼
Es una herramienta que te permite escribir o pegar código HTML en un editor y ver el resultado renderizado en tiempo real en un panel de vista previa, sin necesidad de guardar archivos ni abrir el navegador por separado.
¿Necesito instalar algo para usarlo?▼
No. La herramienta funciona completamente en tu navegador. No requiere instalación, registro ni plugins. Solo abre la página y empieza a escribir.
¿Es seguro pegar código con JavaScript?▼
La vista previa usa un iframe con el atributo sandbox="allow-scripts", lo que permite ejecutar scripts dentro del iframe pero bloquea el acceso al DOM de la página principal, evita navegaciones y restringe el acceso a cookies y almacenamiento. Es seguro para pruebas de código propio.
¿El código se envía a algún servidor?▼
No. Todo el procesamiento ocurre localmente en tu navegador. Ningún carácter de tu código HTML se envía a ningún servidor. Tu código es 100% privado.
¿Para qué sirve el modo 'Solo vista previa'?▼
El modo 'Solo vista previa' oculta el editor y muestra únicamente el resultado renderizado a pantalla completa. Es útil para revisar el diseño final sin distracción o para compartir una captura de pantalla del resultado.
¿Puedo usar CSS y JavaScript dentro del HTML?▼
Sí. La vista previa renderiza HTML completo incluyendo etiquetas <style> para CSS y <script> para JavaScript. El sandbox permite la ejecución de scripts, por lo que animaciones, eventos y lógica funcionan normalmente.
¿La tecla Tab funciona correctamente en el editor?▼
Sí. Al presionar Tab dentro del editor, se insertan 2 espacios en lugar de cambiar el foco al siguiente elemento de la página. Esto permite una experiencia de edición de código más cómoda.
¿Cuándo uso este visor vs. las DevTools del navegador?▼
Usa el Visor HTML cuando quieras probar un fragmento de HTML rápidamente sin crear un archivo. Las DevTools son mejores para inspeccionar y depurar páginas web existentes. El Visor es ideal para prototipos rápidos, aprender HTML o compartir demos.
¿Funciona en dispositivos móviles?▼
Sí. En pantallas pequeñas el editor y la vista previa se apilan verticalmente: el editor aparece arriba y la vista previa abajo. Puedes usar el modo 'Solo vista previa' para maximizar el espacio del resultado.