Desarrollador / HTML
Visor de HTML: vista previa aislada en directo con CSS y JavaScript
Pega HTML y CSS opcional para ver una vista previa aislada en directo. Activa JavaScript de forma explícita, amplía la vista previa a pantalla completa o descarga un archivo HTML de vista previa.
Visor de HTML: vista previa aislada en directo con CSS y JavaScript: Renderiza el código fuente en un marco sandbox con un origen opaco. Los scripts están desactivados al iniciar. Una política de seguridad de contenido bloquea los recursos externos, las solicitudes fetch, los formularios y las páginas incrustadas, al tiempo que permite estilos en línea e imágenes de datos. Se eliminan los metadatos que pueden actualizar la página, los elementos base y los contextos de navegación incrustados. La descarga conserva el marco aislado. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de desarrollo
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
La vista previa está aislada de este sitio. Los scripts están desactivados de forma predeterminada. Se bloquean los estilos, scripts, imágenes, solicitudes fetch, formularios y páginas incrustadas externas; se permiten los estilos en línea y las imágenes de datos. Al activar los scripts, se ejecuta el código que pegues dentro de la vista previa.
El HTML descargado abre la misma vista previa aislada. No se inserta código fuente en esta página.
Aislamiento del marco
El estándar HTML de WHATWG define las restricciones de sandbox de iframe (https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox). Esta vista previa nunca concede allow-same-origin.
Restricciones de contenido
La especificación de Content Security Policy del W3C define las restricciones de recursos (https://www.w3.org/TR/CSP3/). La vista previa aplica una política restrictiva antes del marcado proporcionado. Su contenedor descargado mantiene el límite del sandbox.
Cómo se usa
- Pega HTML y CSS o JavaScript opcionales.
- Activa los scripts solo cuando quieras que el código pegado se ejecute en la vista previa aislada.
- Revisa la vista previa en directo o a pantalla completa y descarga después el archivo de vista previa aislado.
Privacidad y límites
Tus entradas y archivos se procesan en tu navegador. No se sube nada.
Herramientas relacionadas
Preguntas frecuentes
¿Puede mi vista previa acceder a las cookies o a la página de este sitio?
El sandbox no concede acceso al mismo origen. El código pegado no puede leer el DOM ni el almacenamiento de este sitio. Los scripts solo se ejecutan cuando los activas.
¿Por qué no se cargan las imágenes o bibliotecas externas?
La vista previa local bloquea los recursos remotos. Incluye los estilos y scripts directamente en los editores y usa URL de datos para las imágenes.
¿Puedo pegar un documento HTML completo?
Sí. La vista previa acepta documentos completos y fragmentos. Elimina los metadatos y los contextos de navegación incrustados, aplica su propia política de seguridad de contenido y muestra el resultado en el marco aislado.
¿Qué contiene la descarga?
Contiene un archivo HTML que abre tu código fuente dentro del mismo sandbox. Es un archivo de vista previa, no el código fuente pegado directamente en una página normal.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta