Arrastra y suelta
para subir tu archivo
Visor HTML
Vídeo tutorial (en inglés)
Aprende a ver HTML online con el visor HTML gratuito de Static.app.
Mira y previsualiza código HTML online al instante
Pega tu HTML o sube un archivo y nuestro visor HTML online gratuito lo muestra en directo en una vista previa junto al código. Mira, lee y edita cualquier archivo HTML y comprueba los cambios en el momento en que los haces, en ordenador, tableta o móvil, sin instalar nada ni registrarte.
-
Renderizado de HTML en tiempo real
Descubre lo que es recibir respuesta al instante con el renderizado de HTML en tiempo real. Mientras escribes o pegas código HTML en el visor, ves los resultados de inmediato en la vista previa.
-
Compatibilidad entre plataformas
Nuestro visor HTML es totalmente adaptable y funciona sin problemas en todos los dispositivos. Puedes acceder al visor y usarlo sin perder funciones en ordenador, tableta o móvil.
-
Tratamiento del código seguro y privado
Damos prioridad a tu privacidad y seguridad. A diferencia de otras herramientas online, nuestro visor HTML no guarda tu código. En cuanto cierras el navegador o te vas de la página, tu código desaparece, de modo que tu trabajo se mantiene confidencial y seguro en todo momento.
Cómo usar el visor HTML online
-
1
Pega o sube: pega tu código HTML en el editor o abre un archivo .html de tu ordenador.
-
2
Mira al instante: ve de inmediato el resultado renderizado en la vista previa.
-
3
Edita y guarda: haz cambios en tu código y mira cómo se actualiza en tiempo real. Puedes guardar o compartir fácilmente tu código final en Static.app.
Tipos de archivo admitidos
Abre un archivo directamente desde tu ordenador o pega el código en bruto en el editor. El visor HTML muestra estos formatos en directo en la vista previa:
El CSS y el JavaScript en línea dentro de tu HTML también se ejecutan en directo en la vista previa, así que una página completa de un solo archivo se muestra exactamente como en un navegador. También puedes pegar el código directamente, y todo se queda en tu navegador, así que tu archivo nunca sale de tu dispositivo.
¿Trabajas con un archivo independiente de otro tipo? Usa nuestro visor XML para XML, o el formateador de CSS y el formateador de JS para CSS y JavaScript.
¿Qué es un visor HTML online?
Un visor HTML online es una herramienta que funciona en el navegador: toma HTML en bruto y te muestra la página renderizada, tal como la mostraría un navegador, justo al lado del código fuente. En lugar de guardar un archivo y abrirlo en local, pegas tu código o abres un archivo .html y obtienes una vista previa instantánea y en directo. Sirve también como lector de HTML para abrir y leer rápidamente un archivo que te han enviado, y como editor ligero cuando quieres retocar el código y ver cómo se actualiza el resultado en tiempo real.
Como todo se ejecuta en tu navegador, no hay nada que instalar y tu código nunca sale de tu dispositivo. Eso lo convierte en una forma rápida y privada de ver HTML online, previsualizar un fragmento o comprobar cómo se muestra una página HTML antes de publicarla en internet.
Cuándo usar un visor HTML
Recurre al visor HTML siempre que necesites ver el resultado renderizado sin montar un entorno de desarrollo completo:
- Previsualiza un fragmento de HTML o una página completa antes de alojarla.
- Abre y lee un archivo .html que te han compartido, o un correo HTML exportado.
- Mira el código HTML y su resultado renderizado lado a lado para depurar un diseño.
- Comprueba cómo se ve una página en anchos de ordenador, tableta y móvil.
- Aprende HTML editando el código y viendo cómo se actualiza la vista previa al instante.
Cuando tu página se vea bien, puedes alojar tu HTML online con un clic, con una prueba gratuita de 7 días, un subdominio gratuito y SSL incluido, sin necesidad de configurar ningún servidor.
Cómo se compara el visor HTML de Static.app
CodePen, JSFiddle y W3Schools son playgrounds de código, y CodeBeautify y HTML-Online son herramientas HTML online. Cada una es útil a su manera, pero la diferencia de Static.app es que, una vez abierto y previsualizado un archivo HTML, puedes publicarlo como un sitio web alojado en tu propio dominio personalizado.
| Static.app | CodePen | JSFiddle | W3Schools | CodeBeautify | HTML-Online | |
|---|---|---|---|---|---|---|
| Abrir o subir un archivo HTMLLos playgrounds de código (CodePen, JSFiddle, W3Schools) son editores donde se pega y se escribe, no abren archivos. CodeBeautify y HTML-Online sí abren un archivo local. | Sí | No | No | No | Sí (+ URL) | Sí |
| Vista previa renderizada en directoTodas las herramientas de aquí renderizan el resultado en directo; W3Schools y CodeBeautify se actualizan al pulsar Ejecutar, las demás mientras escribes. | Sí | Sí | Sí | Sí | Sí | Sí |
| Editar con resaltado de sintaxis | Sí | Sí | Sí | Sí | Sí | Sí (WYSIWYG + código fuente) |
| Usar sin cuentaCodePen quitó el guardado anónimo en 2019, así que para conservar tu trabajo hace falta iniciar sesión. JSFiddle te deja guardar y compartir de forma anónima, pero esos fiddles son temporales. W3Schools, CodeBeautify y HTML-Online se pueden usar gratis sin cuenta. | Sí | Solo ver | Sí (los guardados caducan) | Sí | Sí | Sí |
| Enlace para compartirStatic.app publica el archivo como un sitio web alojado con un subdominio gratuito y SSL. CodePen y W3Schools necesitan una cuenta para conservar un enlace; los guardados anónimos de JSFiddle son temporales; CodeBeautify guarda una página con el fragmento en su propio dominio; HTML-Online no ofrece compartir. Solo Static.app te da un sitio web de verdad en tu propio dominio personalizado. | Publicar como sitio web alojado de verdad | Requiere cuenta | Sí (temporal si es anónimo) | Iniciar sesión para guardar | Sí (en su dominio) | No |
| Modo oscuroCodePen ofrece temas oscuros para el editor; JSFiddle es oscuro por defecto; W3Schools tiene un interruptor; CodeBeautify tiene un modo oscuro en beta; HTML-Online no tiene ninguno. | Sí | Sí | Sí (por defecto) | Sí | Sí (beta) | No |
| Apto para móvilesEstos editores de varios paneles funcionan en el móvil, pero resultan estrechos; la edición completa está pensada de verdad para ordenador. | Sí | Limitado | Limitado | Limitado | Limitado | Limitado |
| Ideal para | Ver, previsualizar y alojar archivos HTML | Crear experimentos y demos de front-end | Probar y compartir fragmentos de código | Aprender HTML, CSS y JS | Formatear y previsualizar fragmentos de HTML | Edición WYSIWYG y limpieza de HTML |
Cada una de estas herramientas es buena en aquello para lo que se creó: CodePen, JSFiddle y W3Schools son playgrounds para escribir código en paneles, mientras que CodeBeautify y HTML-Online abren y previsualizan un archivo HTML existente. Lo que ninguna hace es publicar tu archivo como sitio web. La diferencia de Static.app es el flujo de trabajo: cuando tu HTML se ve bien, lo pones en línea en tu propio dominio personalizado, con SSL gratis, con un clic.
Tu archivo de sitio web HTML merece un hosting estático fiable
Preguntas frecuentes
¿Qué es un visor de HTML?
Un visor de HTML es una herramienta online que te permite ver y editar código HTML directamente en tu navegador. Ofrece una vista previa en tiempo real de cómo se mostrará tu código HTML en una página web, lo que lo convierte en una herramienta esencial para desarrolladores, diseñadores y personas que están aprendiendo y quieren experimentar con su código HTML o depurarlo sin necesidad de un entorno de desarrollo completo.
¿Cómo puedo previsualizar HTML online?
Para previsualizar HTML online, pega tu código HTML en el editor o sube un archivo .html. El visor muestra una vista previa en directo en el panel junto a tu código y la actualiza en tiempo real mientras escribes, para que veas exactamente cómo quedará la página. También puedes cambiar la vista previa entre anchos de escritorio, tableta y móvil, o abrirla en una pestaña nueva.
¿Puedo usarlo como lector de HTML para abrir un archivo HTML?
Sí. Úsalo como lector de HTML subiendo o pegando cualquier archivo HTML para leer su contenido y ver la página renderizada al instante, sin extensiones de navegador ni programas. Es muy útil para leer rápidamente un correo en HTML, una página web guardada o un fragmento de código que alguien te haya compartido.
¿Cómo abro un archivo HTML online?
Pulsa "Abrir archivo HTML" y elige el archivo .html de tu ordenador, arrástralo directamente al editor o pega el código tal cual. El visor de HTML carga el archivo, muestra el código fuente y renderiza la página en directo en la vista previa, de modo que puedes abrir y ver un archivo HTML online sin instalar nada ni cambiar los ajustes de tu navegador.
¿El visor de HTML es gratis?
Sí, el visor de HTML de Static.app es totalmente gratis. Puedes usarlo desde cualquier dispositivo con conexión a internet, sin costes ocultos ni limitaciones.
¿Tengo que descargar o instalar algo para usar el visor de HTML?
Nuestro visor de HTML no requiere descargas ni instalaciones. Funciona por completo online, en el navegador, así que puedes empezar a usarlo de inmediato sin configurar ningún programa.
¿Cómo veo un archivo HTML con el visor de HTML?
Para ver un archivo HTML con el visor de HTML, copia y pega tu código en el área de texto. El visor renderizará el código automáticamente y te mostrará cómo se vería la página en un navegador. También puedes subir un archivo HTML directamente al visor para renderizarlo al instante.
¿Cómo se ven el código HTML y su resultado renderizado?
En el visor de HTML de Static.app puedes ver el HTML y el resultado renderizado en paralelo. Mientras escribes o editas el código HTML en el área de texto, el resultado se actualiza en tiempo real en la vista previa. Así ves de inmediato cómo afectan los cambios del código a la página web.
¿Cómo veo el HTML en Chrome?
Si quieres ver el código HTML de una página web en Chrome, haz clic con el botón derecho en la página y selecciona "Ver código fuente de la página" para ver el HTML en bruto. También puedes usar las herramientas para desarrolladores de Chrome: haz clic con el botón derecho, selecciona "Inspeccionar" y verás y editarás el HTML en tiempo real. Además, puedes pegar el código HTML en nuestro visor de HTML para una experiencia más cómoda e interactiva.
¿Puedo editar código HTML en el visor?
Sí, puedes editar código HTML directamente en el visor. Los cambios que hagas se reflejan al instante en la vista previa, para que pruebes distintos fragmentos de código y veas sus efectos de inmediato.
¿Cómo muestro una página HTML con el visor de HTML?
Para mostrar una página HTML, pega el código HTML en el visor y la página se renderizará al instante. Si tienes un archivo HTML completo, también puedes subirlo al visor. Para alojar y mostrar tu página HTML online, puedes usar un servicio como Static.app, que ofrece hosting de HTML estático fácil y fiable.
¿Mi código HTML está seguro y es privado?
Sí, tu código HTML está seguro y es privado. Nuestro visor de HTML no guarda tu código en ningún servidor: solo permanece en la sesión de tu navegador. Así tu trabajo se mantiene confidencial y seguro.
¿El visor de HTML admite todas las versiones de HTML?
Nuestro visor de HTML admite todas las versiones de HTML, tanto las antiguas como los últimos estándares de HTML5. Tanto si trabajas en un proyecto antiguo como si experimentas con novedades, nuestro visor te sirve.
¿Puedo usar el visor de HTML en dispositivos móviles?
¡Por supuesto! Nuestro visor de HTML, totalmente adaptable, funciona sin problemas en ordenadores, tabletas y móviles. Puedes ver y editar código HTML estés donde estés.
¿Cómo comparto el código HTML que he creado o editado?
Cuando hayas creado o editado tu código HTML, puedes compartirlo fácilmente copiándolo y enviándolo a otras personas. Si quieres compartir una versión en línea de tu página, puedes alojar tu archivo HTML en Static.app, que te permite generar una URL pública para tu contenido HTML estático.
¿Puedo usar el visor de HTML para aprender y practicar HTML?
Sí, el visor de HTML es una herramienta excelente para aprender y practicar HTML. Ofrece un entorno interactivo donde ves de inmediato el efecto de los cambios en tu código, lo que facilita entender cómo funciona HTML. Es perfecto para quienes empiezan y quieren experimentar y adquirir práctica.
¿Qué limitaciones tiene el visor de HTML?
Aunque nuestro visor de HTML es potente, tiene algunas limitaciones. Por ejemplo, está pensado para una edición de HTML de nivel básico a intermedio y puede que no admita funciones avanzadas de los entornos de desarrollo integrados (IDE) completos. Además, los proyectos grandes o complejos pueden requerir un entorno de desarrollo más robusto o servicios de hosting como Static.app para gestionarlos y publicarlos mejor.
¿Cuál es el mejor visor de HTML online gratis?
El mejor visor de HTML gratis es el que abre un archivo .html real y lo renderiza en directo junto al código, sin registrarte ni instalar nada. El visor de HTML de Static.app hace exactamente eso: arrastra o pega un archivo, mira la página renderizada en una vista previa en paralelo, edita con resaltado de sintaxis, cambia entre anchos de escritorio, tableta y móvil, y activa el modo oscuro, todo gratis. Los editores tipo playground como CodePen, JSFiddle y W3Schools son estupendos para escribir fragmentos desde cero, pero están pensados en torno a paneles de código, no para abrir un archivo HTML que ya tienes.
¿En qué se diferencia el visor de HTML de Static.app de CodePen o JSFiddle?
CodePen y JSFiddle son playgrounds de código: escribes HTML, CSS y JavaScript en paneles separados para crear y compartir fragmentos. El visor de HTML de Static.app está pensado para abrir un archivo .html real, previsualizarlo en directo junto al código fuente y después publicarlo como sitio web con un subdominio gratuito y SSL. Así que si quieres crear una demo rápida de front-end, un playground es una buena opción; si quieres abrir, leer o previsualizar un archivo HTML que ya tienes y ponerlo online, el visor de HTML de Static.app encaja mejor en ese flujo. Además, no hace falta una cuenta para ver y editar.
¿Puedo abrir un archivo HTML en un visor online sin registrarme?
Sí. El visor de HTML de Static.app te permite abrir o arrastrar un archivo .html (o pegar el código) y verlo renderizado al instante, sin cuenta y sin instalar nada. Tu código permanece en la sesión de tu navegador. Cuando la página se vea bien, puedes publicarla como sitio web con un solo clic, con un subdominio gratuito y SSL incluidos.