Vista previa

Previsualiza HTML, CSS y JavaScript en un espacio de trabajo local del navegador y luego renderízalos en un iframe con sandbox que permanece aislado de la página principal de ComUtil.

¿Qué es la vista previa de HTML?

HTML Preview te ofrece un espacio de trabajo browser-first para probar HTML, CSS y JavaScript en bruto juntos. Es útil cuando quieres prototipar ideas de UI, verificar el comportamiento del diseño o depurar marcado rápidamente sin pasar a un proyecto local más pesado.

Cómo Funciona

El editor guarda tu borrador localmente en el navegador y luego actualiza la vista previa escribiendo en un iframe con sandbox y origen aislado. Los scripts pueden ejecutarse dentro de esa vista previa, pero el sandbox los mantiene separados de la página principal de ComUtil, y la ruta de pestaña dedicada conserva ese mismo límite.

Casos de uso comunes
  • Aprendiendo y practicando HTML/CSS
  • Prototipado de componentes de IU
  • Probando diseños responsivos
  • Depurando problemas de diseño CSS
  • Revisar fragmentos HTML aislados antes de compartirlos
Características
  • Vista previa con sandbox mientras escribes
  • Soporte completo para HTML/CSS/JavaScript
  • Almacenamiento local del borrador en el navegador
  • Pestaña con sandbox dedicada para vistas previas más grandes
Preguntas Frecuentes

¿Puedo usar frameworks CSS externos?

Sí, puede incluir enlaces CDN para Bootstrap, Tailwind o cualquier otro framework. Agregue la etiqueta de enlace en la sección head de su HTML.

¿Se guarda mi código?

El código se guarda en el almacenamiento local de su navegador. Persiste entre sesiones en el mismo dispositivo, pero no se sincroniza entre dispositivos.