Sofortiges Urteil mit Beleg
Sieh, ob das load-Event ausgelöst wurde, wie lange es dauerte und welche Regel das Ergebnis lieferte. Nie wieder fragen, ob es „noch lädt“.
URL einfügen, um sie in einem echten iframe zu rendern, Blockierung durch X-Frame-Options / CSP frame-ancestors zu erkennen und in Gerätegrößen anzusehen. Nichts wird an einen Server gesendet.
So funktioniert es
Browser verbergen, warum ein Cross-Origin-Frame gescheitert ist. Das Ergebnis kombiniert deterministische Prüfungen mit den Signalen des Browsers und nennt immer das angewendete Signal.
Wir normalisieren (ergänzen https://, falls vergessen), validieren und prüfen Mixed-Content-Regeln sowie die Richtlinien-Datenbank, bevor wir das Netzwerk anfassen.
Ein echtes iframe wird in der exakten Preset-Auflösung erzeugt und per CSS skaliert. Sandbox-, allow- und Referrer-Optionen werden unverändert angewendet.
Timing des load-Events, das entscheidende Signal, ein curl-Einzeiler zur Header-Prüfung und ein Snippet mit deinen aktuellen Einstellungen.
Funktionen
Sieh, ob das load-Event ausgelöst wurde, wie lange es dauerte und welche Regel das Ergebnis lieferte. Nie wieder fragen, ob es „noch lädt“.
iPhone 15, Pixel 8, iPad Pro, 1440p-Desktop. In nativen Pixeln gerendert und passend skaliert — mit Dreh-Schalter.
Smartphone, Tablet und Laptop nebeneinander aus einer URL. Responsive Fehler im Embed finden, bevor es deine Nutzer tun.
Sandbox-Flags, allow=-Features und Referrer-Policy live umschalten. Manche Seiten lassen sich nur mit passendem Referrer einbetten — jetzt kannst du es beweisen.
Eine Konfiguration, vier idiomatische Snippets. camelCase-Props für React, ein responsiver aspect-ratio-Wrapper auf Wunsch.
Bekannte Seiten, die das Einbetten blockieren, werden sofort markiert — mit dem gesendeten Header und der offiziellen Embed-Alternative.
Es gibt kein Backend. URLs, Verlauf und Generator-Einstellungen liegen im localStorage deines Browsers und nirgendwo sonst.
Jeder Test hat eine URL. In ein Ticket oder Slack einfügen, damit Kollegen genau das sehen, was du gesehen hast.
FAQ
Die Seite hat einen X-Frame-Options-Header (DENY oder SAMEORIGIN) oder eine Content-Security-Policy mit frame-ancestors gesendet, die deine Origin nicht enthält. Browser halten sich daran und zeigen stattdessen eine Fehlerseite. Den genauen Header siehst du in DevTools → Konsole oder per curl-Befehl von Iframe Viewer.
Füge die URL oben in den iframe-Tester ein und klicke auf Rendern. Iframe Viewer lädt sie in einem echten iframe in der gewählten Gerätegröße und meldet, ob das Laden geklappt hat, welches Signal entschieden hat und wie lange es dauerte.
Nicht allein aus dem Browser — Cross-Origin-Antwort-Header sind für JavaScript absichtlich unsichtbar. Iframe Viewer kombiniert deterministische Prüfungen (Mixed Content, Datenbank bekannter Seiten), das load-Event des Browsers und eine same-origin-Prüfung und nennt immer das entscheidende Signal. Für die endgültige Wahrheit nutze den curl-Einzeiler.
Beides. Chrome und Firefox lösen load auch aus, wenn sie eine Fehlerseite einsetzen; das Event allein unterscheidet also nicht zwischen Erfolg und Blockierung. Vertraue für das endgültige Urteil deinen Augen und bestätige mit curl.
Nein. Es gibt keinen Server. Dein Verlauf liegt im localStorage des Browsers, überlebt Neuladen und lässt sich mit einem Klick löschen. Analytics zählt — falls akzeptiert — nur Seitenaufrufe und Klicks, niemals die getesteten URLs.
sandbox entfernt Fähigkeiten (Skripte, Formulare, Popups, Navigation) und du gibst nur das Nötige zurück. allow ist die Permissions Policy für mächtige Features wie Kamera, Vollbild oder Zahlung. Nutze beides für fremde Inhalte, die du nicht kontrollierst.
Häufige Ursachen: Deine Seite ist HTTPS, das Ziel HTTP (Mixed Content); das Ziel prüft den Referer-Header; oder die Content-Security-Policy deiner eigenen Seite hat eine frame-src-Direktive ohne das Ziel. Probiere die Referrer-Policy in den Frame-Optionen.
Ja — komplett kostenlos, ohne Konto, ohne Limits. Es ist eine statische Seite ohne Serverkosten, die gedeckt werden müssten.