Probar un bloque HTML/CSS en varios tamaños
Pegue un fragmento HTML y su CSS asociado para comprobar al instante cómo se ve en móvil, tableta y escritorio, dentro de un marco aislado (iframe en sandbox) que no puede ejecutar scripts ni acceder a su página.
Cómo funciona
El HTML y el CSS que introduce se ensamblan en un minidocumento autónomo, inyectado en una etiqueta <iframe> mediante el atributo srcdoc. Este iframe está en modo «sandbox», es decir, aislado del resto de la página: no puede ejecutar scripts (no se permite ningún <script>) ni acceder al resto del sitio, lo que protege frente a cualquier riesgo de inyección maliciosa desde el contenido pegado. Elija un formato predefinido (móvil, tableta, escritorio) o introduzca un ancho y un alto personalizados para observar el comportamiento responsive de su bloque.
¿Se ejecuta JavaScript en la vista previa?
No, y es a propósito: el iframe está en sandbox sin el permiso allow-scripts, por lo que cualquier <script> presente en el HTML pegado se ignorará. Solo se previsualizan el renderizado del HTML y la aplicación del CSS.
¿Puedo probar media queries CSS?
Sí: las reglas @media incluidas en su CSS se aplican con normalidad según el ancho definido para la vista previa (preajuste o valor personalizado), exactamente igual que en un navegador real redimensionado.
Su HTML y su CSS nunca se envían a un servidor: el renderizado se genera por completo en su navegador, en local.