Herramientas HTML

Gratis Generador iframe sandbox y allow

Genera marcado iframe seguro con banderas sandbox y permisos allow por tipo de insercion.

Cargando herramienta...

Qué es Generador iframe sandbox y allow?

El atributo sandbox restringe lo que un iframe puede hacer, y el atributo allow otorga permisos de características específicas como fullscreen, camera o payment. Juntos crean un límite de seguridad alrededor del contenido incrustado. Esta herramienta genera los valores correctos de sandbox y allow para tipos de incrustación comunes, para que no permita accidentalmente más permisos de los que la incrustación necesita.

Respuesta rápida

Use el atributo sandbox en iframes para restringir lo que el contenido incrustado puede hacer — como enviar formularios, abrir ventanas emergentes o ejecutar scripts. Agregue valores allow uno a la vez y solo según sea necesario.

Last updated: 2026-05-25

Limitaciones

  • El atributo sandbox no protege contra clickjacking en la página padre. Use una Content-Security-Policy con frame-ancestors para eso.
  • Algunas características de iframe, como el acceso a almacenamiento y la navegación de nivel superior, se comportan de manera diferente entre navegadores cuando se aplica sandbox.
  • Eliminar sandbox no expone APIs retroactivamente — el iframe debe recargarse para que los cambios de sandbox surtan efecto.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

  1. Seleccione el tipo de incrustación que mejor coincida con lo que está incrustando.
  2. Revise las banderas sandbox sugeridas y los permisos allow. Ajústelos para su caso de uso específico.
  3. Ingrese la URL de origen del iframe y un título descriptivo.
  4. Copie la etiqueta iframe generada en su página HTML.

Para qué puedes usarla

  • Incrustar un video de YouTube con permisos sandbox mínimos.
  • Agregar un iframe de pago con solo el permiso payment permitido.
  • Restringir una incrustación de formulario de terceros solo a los permisos que necesita.

Casos de uso

Ejemplos prácticos

Ejemplo

Incrustación de YouTube con valores predeterminados seguros

Una publicación de blog incrusta un video de YouTube. El generador agrega allow-scripts y allow-presentation en el sandbox, más allowfullscreen, sin conceder permisos innecesarios.

Ejemplo

Incrustación de widget de pago

Una página de pago incrusta un proveedor de pagos. El iframe usa allow-scripts, allow-same-origin y allow-forms en el sandbox, con el permiso allow payment.

Errores comunes

  • Agregar tanto allow-scripts como allow-same-origin sin entender que esto elimina efectivamente el aislamiento del sandbox.
  • Permitir más características en el atributo allow de las que la incrustación realmente necesita.
  • Omitir el atributo sandbox por completo, lo que significa que el iframe se ejecuta con todos los permisos de la página.

Verificación

  1. Abra la página en un navegador e interactúe con el contenido del iframe. Revise la Consola de DevTools en busca de violaciones relacionadas con sandbox.
  2. Pruebe el iframe en Chrome, Firefox y Safari para confirmar que las restricciones sandbox se comporten de manera consistente.

FAQ

Preguntas sobre Generador iframe sandbox y allow

¿Qué hace allow-scripts + allow-same-origin juntos?

Juntos pueden permitir que el iframe acceda al DOM de la página padre, eliminando efectivamente el sandbox. Solo use ambos cuando la incrustación necesite genuinamente acceso a scripts del mismo origen.

¿Debería todo iframe tener un atributo sandbox?

Un sandbox con las restricciones correctas es una buena práctica de seguridad para contenido de terceros. Para incrustaciones de primer nivel, pruebe si las restricciones rompen el comportamiento esperado.

¿Qué sucede si uso sandbox="" sin tokens allow?

Un atributo sandbox vacío aplica todas las restricciones con la máxima severidad: sin scripts, sin envío de formularios, sin ventanas emergentes, sin acceso al mismo origen, sin bloqueo de puntero, sin navegación de nivel superior. El contenido incrustado se ejecuta en un entorno completamente aislado. Esto es útil para contenido completamente estático de fuentes no confiables pero romperá la mayoría de las incrustaciones interactivas.

¿Puedo usar sandbox con YouTube, Vimeo u otras incrustaciones de terceros?

Sí, pero necesita al menos allow-scripts y allow-same-origin para la mayoría de las incrustaciones de video. Los iframes de YouTube y Vimeo usan JavaScript para inicializar el reproductor. Agregue allow-presentation para pantalla completa. Nunca agregue allow-scripts y allow-same-origin juntos a contenido de terceros a menos que confíe completamente en la fuente.

Herramientas relacionadas

Más herramientas html

Prueba también

Prueba también