Vista previa de archivo HTML gratis
Una herramienta de vista previa HTML gratuita que puede usar en línea sin registro ni instalación. Suba un solo archivo HTML, o CSS, JS, imágenes y varias páginas HTML juntas, o una carpeta entera, y las rutas relativas y la navegación entre páginas se previsualizan tal cual. Pegue código y el resultado aparece en vivo a la derecha. Cambie entre anchos de escritorio y móvil para comprobar diseños responsive, abra en una nueva ventana o descargue. Todo el procesamiento se hace en su navegador, así que sus archivos nunca se envían a ningún sitio.
Cómo usar
- Arrastre y suelte o haga clic para subir el archivo HTML que quiere previsualizar. Suelte CSS, JS, imágenes, varias páginas o carpetas en el área "Añadir archivos/carpetas" para incluirlos, o créelos directamente con "Nuevo archivo" / "Nueva carpeta" o pegando código.
- Haga clic en un archivo de la lista "Archivos" a la izquierda para abrir su código. Elija un archivo HTML para previsualizar esa página.
- Cuando edita el área de código, el resultado a la derecha se actualiza en vivo mientras "Actualización automática" está activada. Al hacer clic en un enlace dentro de la vista previa, se navega a esa página.
- Cambie el ancho de la vista previa entre escritorio, tableta y móvil para comprobar diseños responsive.
- Use "Abrir en nueva ventana" para verlo a pantalla completa, "Descargar" para guardar el archivo actual y "Copiar" para poner el código en el portapapeles.
Qué hace útil a esta herramienta gratuita de vista previa HTML
- Totalmente gratis · sin registro · sin instalación — úselo en línea al momento
- Procesado en su navegador, así que los archivos nunca se envían a ningún sitio — vista previa segura
- Admite desde un solo archivo HTML hasta CSS/JS/imágenes/múltiples páginas y la subida de carpetas enteras
- Enlace automático de rutas relativas (../, ./) con CSS/JS/imágenes, además de navegación por enlaces entre páginas
- Cambie los anchos de escritorio/tableta/móvil para comprobar diseños responsive
- Ejecuta también JavaScript, de forma segura en un marco sandbox aislado
- Abrir en nueva ventana · copiar código · descargar archivo compatibles
Preguntas frecuentes
¿La vista previa de archivo HTML es gratuita?
Sí, es completamente gratis. Puede usarlo directamente en su navegador sin registro ni instalación.
¿Mis archivos HTML subidos se envían a un servidor?
No. La lectura de archivos y el renderizado de la vista previa se hacen dentro de su navegador, y los archivos nunca se envían a ningún servidor externo.
¿Puedo previsualizar escribiendo el código directamente?
Sí. Sin subir un archivo, pegue o escriba código HTML y el resultado aparece en vivo a la derecha.
¿Puedo previsualizar un proyecto o carpeta con CSS, JS e imágenes separados?
Sí. Suba varios archivos juntos o una carpeta entera, y el CSS, JS e imágenes enlazados por rutas relativas se aplican automáticamente, con navegación por enlaces entre páginas. Los archivos .php se ejecutan mediante un intérprete de un subconjunto de PHP en el navegador para la sintaxis básica (echo, variables, arrays, condicionales, bucles, funciones integradas comunes). Sin embargo, como no hay servidor, funciones de servidor como conexiones a BD, lecturas de archivos y peticiones de red, o código que carga archivos con fetch en tiempo de ejecución, no funcionan.
¿Puedo comprobar cómo se ve en una pantalla móvil?
Sí. Cambie el ancho de la vista previa entre escritorio, tableta y móvil para ver cómo queda el diseño responsive.
¿Se ejecuta el JavaScript dentro de la vista previa?
Sí. La vista previa se ejecuta en un marco sandbox aislado, así que puede comprobar el comportamiento del HTML y JavaScript sin afectar la página.