Introduce una URL arriba y pulsa Cargar para previsualizarla en un iframe.
8 dispositivos predefinidos · tamaños personalizados · comprobación de incrustación
Sobre el probador de iFrame
Carga cualquier URL dentro de un iframe con el tamaño de pantalla que elijas y descubre si la página permite realmente que la incrusten. Muchos sitios bloquean el enmarcado con la cabecera X-Frame-Options o con la directiva frame-ancestors de la Content-Security-Policy, y el resultado es un marco en blanco sin ninguna explicación visible. Esta herramienta comprueba esas cabeceras desde el servidor y te dice cuál es la responsable.
Cómo usar el probador de iFrame
-
Introduce la URL que quieres probar
Pega la dirección completa, con el protocolo, y pulsa Cargar. Las URL que has probado hace poco se guardan en un historial local para que puedas cambiar entre ellas rápidamente.
-
Elige un dispositivo o un tamaño personalizado
Elige entre ocho tamaños habituales de teléfono, tableta y escritorio, pulsa Girar para pasar de vertical a horizontal o escribe las dimensiones exactas en píxeles y pulsa Aplicar.
-
Lee el resultado de la comprobación
Si el marco se queda en blanco, la comprobación de cabeceras indica si lo bloquea X-Frame-Options o una directiva frame-ancestors de la CSP, y cuál era el valor de la cabecera.
Casos de uso
Al depurar un iframe que se queda en blanco
Averigua en segundos si un widget no carga por culpa de tu código o porque el sitio de destino no permite que lo enmarquen.
Al comprobar el diseño responsive
Mira cómo se recoloca una página en anchos de teléfono, tableta y escritorio sin cambiar el tamaño de la ventana de tu navegador.
Al validar una integración con un socio
Confirma que una página que vas a incrustar en un portal o en un sitio de documentación permite que la enmarquen desde orígenes externos.
Preguntas frecuentes
¿Por qué la vista previa se queda en blanco?
Casi siempre porque el sitio de destino envía X-Frame-Options: DENY/SAMEORIGIN o una directiva frame-ancestors de la CSP que excluye este origen. La comprobación de incrustación indica qué cabecera es la responsable.
¿Puedo saltarme X-Frame-Options?
No, y ninguna herramienta puede hacerlo de forma legítima. Es un control de seguridad que aplica el navegador para evitar el clickjacking. Si el sitio de destino es tuyo, ajusta la cabecera allí; si no, la restricción es intencionada.
¿Muestra exactamente lo mismo que un teléfono real?
Reproduce las dimensiones de la pantalla, lo que cubre la mayoría de los problemas de diseño responsive. No emula un motor de renderizado móvil, el comportamiento táctil ni la densidad de píxeles del dispositivo, así que prueba en dispositivos reales antes de publicar.
¿Se registra la URL que pruebo?
La comprobación de incrustación hace una petición desde el servidor para leer las cabeceras de la respuesta, así que ese endpoint ve la URL. El historial de URL recientes se guarda solo en tu navegador.
Herramientas relacionadas
Explora todas las herramientas online gratis de Tooly: todas funcionan en tu navegador y ninguna necesita cuenta.