Cabecera fija del cliente
iFrame
⚙️ Configuración de la página
Copiar enlace
Reset estilos
Ocultar UI (H)
Página
Tema
Dark
Light
Sistema
Color fondo
✕
Imagen fondo
✕
Ajuste imagen
Cubrir (fija)
Cubrir (con scroll)
Contener
Mosaico
Capa oscura
Fuente
Por defecto
Arial
Georgia (serif)
Courier (mono)
System UI
Bloque del iframe
Dispositivo
360
390
768
1024
Original
Fluido
Ancho
px
%
Ancho máx.
px
Padding
Radio borde
Alineación
Izq.
Centro
Der.
Fondo bloque
✕
Contorno
Mostrar límites y medidas
Simular web del cliente
Contenido
Ninguno
Arriba
Abajo
Arriba y abajo
Cabecera fija
CSS hostil
Reglas típicas de CMS
Cabecera fija: prueba solapes al hacer scroll/abrir modales. CSS hostil:
iframe{max-width:100%}
,
box-sizing
, márgenes…
CSS propio
Scroll del contenedor
Contenedor
Bloque padre del iframe con scroll propio
Alto
px
vh
Desplazar
↑ Inicio
↓ Final
El iframe crece con su contenido y el scroll lo hace el bloque, no la ventana: prueba modales, foco y saltos de scroll que el iframe pide a la web padre.
Ruta del iframe (recarga la página)
env
port
Organización
Evento
Resto
params
Ruta
Cargar
Recargar iframe
Con evento, la ruta viaja en el hash (
#events/<evento>/<resto>
), como en la web de un cliente. Sin evento, el resto se añade a la organización (
gengis-kan/calendar@
).
Establece los parámetros en el panel o en la ruta:
https://www.almacil.com/pruebas/iframe/?env=www&theme=light&segments=gengis-kan/calendar@
Mostrar UI (H)