Hallo Mia,
versuche doch mal einen Anderen Browser oder Rechner wenn möglich.
Oder auf deinem Mac die Seite in einem privatem Fenster öffnen.
Safari: ⌘ + ⇧ + N
Chrome: ⌘ + ⇧ + N
- Wenn es hier geht: Cookies, Cache oder Erweiterungen sind der Grund.
@Michael
Aus technischer Sicht würde ich mittelfristig empfehlen, hier auf einen moderneren Ansatz umzusteigen.
Eine iFrame-Lösung ist für kleine, isolierte Web-Widgets durchaus praktikabel, stößt bei
umfangreicheren und interaktiven Projekten jedoch zunehmend an strukturelle Grenzen.
Typische iFrame-Herausforderungen:
- Browser-Security (CSP, X-Frame-Options, SameSite-Cookies, Safari ITP)
- UX-Einschränkungen (Fokus, Tastatursteuerung, Scroll, Accessibility, Mobile-Verhalten)
- Netzwerkabhängigkeiten (z. B. Schul-Firewalls oder Subdomain-Blockaden)
Langfristig stabiler und State-of-the-Art wäre aus meiner Sicht eine
TypeScript-basierte, API-getriebene Lösung ohne iFrames.
Stack-Beispiel:
Frontend: React / Vue / Svelte (TypeScript-first)
Kommunikation: REST oder GraphQL
Authentifizierung: JWT / OAuth / Session-basierte API
versuche doch mal einen Anderen Browser oder Rechner wenn möglich.
Oder auf deinem Mac die Seite in einem privatem Fenster öffnen.
Safari: ⌘ + ⇧ + N
Chrome: ⌘ + ⇧ + N
- Wenn es hier geht: Cookies, Cache oder Erweiterungen sind der Grund.
@Michael
Aus technischer Sicht würde ich mittelfristig empfehlen, hier auf einen moderneren Ansatz umzusteigen.
Eine iFrame-Lösung ist für kleine, isolierte Web-Widgets durchaus praktikabel, stößt bei
umfangreicheren und interaktiven Projekten jedoch zunehmend an strukturelle Grenzen.
Typische iFrame-Herausforderungen:
- Browser-Security (CSP, X-Frame-Options, SameSite-Cookies, Safari ITP)
- UX-Einschränkungen (Fokus, Tastatursteuerung, Scroll, Accessibility, Mobile-Verhalten)
- Netzwerkabhängigkeiten (z. B. Schul-Firewalls oder Subdomain-Blockaden)
Langfristig stabiler und State-of-the-Art wäre aus meiner Sicht eine
TypeScript-basierte, API-getriebene Lösung ohne iFrames.
Stack-Beispiel:
Frontend: React / Vue / Svelte (TypeScript-first)
Kommunikation: REST oder GraphQL
Authentifizierung: JWT / OAuth / Session-basierte API
