HTML-Tools

Kostenlose Iframe-Sandbox-und-Allow-Generator

Generiere sicheres Iframe-Markup mit Sandbox-Flags und Allow-Berechtigungen nach Embed-Typ.

Tool wird geladen...

Was ist Iframe-Sandbox-und-Allow-Generator?

Das sandbox-Attribut schränkt ein, was ein iframe tun kann, und das allow-Attribut gewährt spezifische Funktionsberechtigungen wie Vollbild, Kamera oder Zahlung. Zusammen erzeugen sie eine Sicherheitsgrenze um eingebettete Inhalte. Dieses Tool generiert die richtigen sandbox- und allow-Werte für gängige Einbettungstypen, damit Sie nicht versehentlich mehr Berechtigungen gewähren als nötig.

Kurze Antwort

Verwenden Sie das sandbox-Attribut auf iframes, um einzuschränken, was der eingebettete Inhalt tun kann -- wie das Absenden von Formularen, Öffnen von Popups oder Ausführen von Skripten. Fügen Sie allow-Werte einzeln und nur bei Bedarf hinzu.

Last updated: 2026-05-25

Einschränkungen

  • Das sandbox-Attribut schützt nicht vor Clickjacking auf der Elternseite. Verwenden Sie eine Content-Security-Policy mit frame-ancestors dafür.
  • Einige iframe-Funktionen wie Speicherzugriff und Top-Level-Navigation verhalten sich browserübergreifend unterschiedlich, wenn sandbox angewendet wird.
  • Das Entfernen von sandbox macht APIs nicht rückwirkend zugänglich -- der iframe muss neu geladen werden, damit Sandbox-Änderungen wirksam werden.

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

So nutzt du dieses Tool

  1. Wählen Sie den Einbettungstyp, der am besten zu dem passt, was Sie einbetten.
  2. Überprüfen Sie die vorgeschlagenen sandbox-Flags und allow-Berechtigungen. Passen Sie sie für Ihren spezifischen Anwendungsfall an.
  3. Geben Sie die iframe-Quell-URL und einen beschreibenden Titel ein.
  4. Kopieren Sie das generierte iframe-Tag in Ihre HTML-Seite.

Wofür du es nutzen kannst

  • Ein YouTube-Video mit minimalen sandbox-Berechtigungen einbetten.
  • Ein Zahlungs-iframe mit nur der payment-Berechtigung hinzufügen.
  • Ein Drittanbieter-Formular-Embed auf die benötigten Berechtigungen beschränken.

Anwendungsfalle

Praxisbeispiele

Beispiel

YouTube-Embed mit sicheren Standardeinstellungen

Ein Blogbeitrag bettet ein YouTube-Video ein. Der Generator fügt allow-scripts und allow-presentation in den sandbox hinzu, plus allowfullscreen, ohne unnötige Berechtigungen zu gewähren.

Beispiel

Zahlungs-Widget-Embed

Eine Checkout-Seite bettet einen Zahlungsanbieter ein. Der iframe verwendet allow-scripts, allow-same-origin und allow-forms im sandbox, mit der payment allow-Berechtigung.

Haufige Fehler

  • Hinzufügen von allow-scripts und allow-same-origin ohne zu verstehen, dass dies die Sandbox-Isolation effektiv aufhebt.
  • Mehr Funktionen im allow-Attribut erlauben, als der Embed tatsächlich benötigt.
  • Das sandbox-Attribut vollständig weglassen, wodurch der iframe mit vollen Seitenberechtigungen läuft.

Überprüfung

  1. Öffnen Sie die Seite in einem Browser und interagieren Sie mit dem iframe-Inhalt. Überprüfen Sie die DevTools-Konsole auf sandbox-bezogene Verstöße.
  2. Testen Sie den iframe in Chrome, Firefox und Safari, um konsistentes sandbox-Verhalten zu bestätigen.

FAQ

Fragen zu Iframe-Sandbox-und-Allow-Generator

Was bewirken allow-scripts und allow-same-origin zusammen?

Zusammen können sie dem iframe Zugriff auf das DOM der Elternseite ermöglichen, wodurch die Sandbox effektiv aufgehoben wird. Verwenden Sie beide nur, wenn der Embed tatsächlich Same-Origin-Skriptzugriff benötigt.

Sollte jeder iframe ein sandbox-Attribut haben?

Eine sandbox mit den richtigen Einschränkungen ist eine Sicherheitsbest Practice für Inhalte Dritter. Bei First-Party-Embeds testen Sie, ob die Einschränkungen das erwartete Verhalten beeinträchtigen.

Was passiert, wenn ich sandbox="" ohne allow-Token verwende?

Ein leeres sandbox-Attribut wendet alle Einschränkungen mit maximaler Strenge an: keine Skripte, keine Formularübermittlung, keine Popups, kein Same-Origin-Zugriff. Der eingebettete Inhalt läuft in einer vollständig isolierten Umgebung.

Kann ich sandbox mit YouTube, Vimeo oder anderen Drittanbieter-Embeds verwenden?

Ja, aber Sie benötigen mindestens allow-scripts und allow-same-origin für die meisten Video-Embeds. Fügen Sie allow-presentation für Vollbild hinzu. Verwenden Sie allow-scripts und allow-same-origin zusammen nur bei vollständig vertrauenswürdigen Quellen.

Verwandte Tools

Weitere html-tools

Auch ausprobieren

Auch ausprobieren