Outils HTML

Gratuit Generateur iframe sandbox et allow

Générez du balisage iframe securise avec les drapeaux sandbox et les permissions allow par type d'integration.

Chargement de l'outil...

Qu'est-ce que Generateur iframe sandbox et allow ?

L'attribut sandbox restreint ce qu'une iframe peut faire, et l'attribut allow accorde des autorisations de fonctionnalités spécifiques telles que le plein écran, la caméra ou le paiement. Ensemble, ils créent une barrière de sécurité autour du contenu intégré. Cet outil génère les bonnes valeurs sandbox et allow pour les types d'intégration courants afin que vous n'accordiez pas accidentellement plus d'autorisations que nécessaire.

Réponse rapide

Utilisez l'attribut sandbox sur les iframes pour restreindre ce que le contenu intégré peut faire, comme soumettre des formulaires, ouvrir des popups ou exécuter des scripts. Ajoutez les valeurs allow une par une et uniquement si nécessaire.

Last updated: 2026-05-25

Limites

  • L'attribut sandbox ne protège pas contre le clickjacking sur la page parente. Utilisez une Content-Security-Policy avec frame-ancestors pour cela.
  • Certaines fonctionnalités d'iframe, comme l'accès au stockage et la navigation de niveau supérieur, se comportent différemment selon les navigateurs lorsque sandbox est appliqué.
  • La suppression du sandbox n'expose pas rétroactivement les APIs -- l'iframe doit être rechargée pour que les changements de sandbox prennent effet.

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

Comment utiliser cet outil

  1. Sélectionnez le type d'intégration qui correspond le mieux à ce que vous intégrez.
  2. Examinez les indicateurs sandbox suggérés et les autorisations allow. Ajustez-les pour votre cas d'utilisation spécifique.
  3. Saisissez l'URL source de l'iframe et un titre descriptif.
  4. Copiez la balise iframe générée dans votre page HTML.

A quoi il sert

  • Intégrer une vidéo YouTube avec un minimum d'autorisations sandbox.
  • Ajouter une iframe de paiement avec uniquement l'autorisation de paiement activée.
  • Restreindre une intégration de formulaire tiers aux seules autorisations dont elle a besoin.

Cas d'usage

Exemples concrets

Exemple

Intégration YouTube avec valeurs sûres par défaut

Un article de blog intègre une vidéo YouTube. Le générateur ajoute allow-scripts et allow-presentation dans le sandbox, plus allowfullscreen, sans accorder d'autorisations inutiles.

Exemple

Intégration de widget de paiement

Une page de paiement intègre un fournisseur de paiement. L'iframe utilise allow-scripts, allow-same-origin et allow-forms dans le sandbox, avec l'autorisation allow payment.

Erreurs frequentes

  • Ajouter à la fois allow-scripts et allow-same-origin sans comprendre que cela supprime efficacement l'isolation du sandbox.
  • Autoriser plus de fonctionnalités dans l'attribut allow que l'intégration n'en a réellement besoin.
  • Omettre complètement l'attribut sandbox, ce qui signifie que l'iframe s'exécute avec toutes les autorisations de la page.

Vérification

  1. Ouvrez la page dans un navigateur et interagissez avec le contenu de l'iframe. Vérifiez la console DevTools pour les violations liées au sandbox.
  2. Testez l'iframe dans Chrome, Firefox et Safari pour confirmer que les restrictions sandbox se comportent de manière cohérente.

FAQ

Questions sur Generateur iframe sandbox et allow

Que fait allow-scripts + allow-same-origin ensemble ?

Ensemble, ils peuvent permettre à l'iframe d'accéder au DOM de la page parente, supprimant ainsi efficacement le sandbox. Utilisez les deux uniquement lorsque l'intégration a réellement besoin d'un accès script de même origine.

Chaque iframe devrait-elle avoir un attribut sandbox ?

Un sandbox avec les bonnes restrictions est une bonne pratique de sécurité pour le contenu tiers. Pour les intégrations internes, testez si les restrictions cassent le comportement attendu.

Que se passe-t-il si j'utilise sandbox='' sans jetons allow ?

Un attribut sandbox vide applique toutes les restrictions avec la sévérité maximale : pas de scripts, pas de soumission de formulaire, pas de popups, pas d'accès de même origine, pas de verrouillage de pointeur, pas de navigation de niveau supérieur. Le contenu intégré s'exécute dans un environnement complètement isolé. Ceci est utile pour le contenu entièrement statique provenant de sources non fiables mais cassera la plupart des intégrations interactives.

Puis-je utiliser sandbox avec YouTube, Vimeo ou d'autres intégrations tierces ?

Oui, mais vous avez besoin au minimum de allow-scripts et allow-same-origin pour la plupart des intégrations vidéo. Les iframes YouTube et Vimeo utilisent JavaScript pour initialiser le lecteur. Ajoutez allow-presentation pour le plein écran. N'ajoutez jamais allow-scripts et allow-same-origin ensemble à du contenu tiers à moins que vous ne fassiez entièrement confiance à la source.

Outils lies

Autres outils outils html

A essayer aussi

A essayer aussi