Same-Origin-Richtlinienrätsel: Zugriff für Cross-Origin-Frames verweigert Beim Versuch, auf Elemente innerhalb eines Wenn Sie JavaScript verwenden, kann der gefürchtete Fehler „SecurityError: Ein Frame mit Ursprung wurde daran gehindert, auf einen Cross-Origin-Frame zuzugreifen“ auftreten. Dies ist ein direktes Ergebnis der Same-Origin-Richtlinie, einer kritischen Sicherheitsmaßnahme, die Ressourcen basierend auf ihrem Ursprung (Protokoll, Hostname und Port) isoliert.</p> <p><h3>Was ist die Same-Origin-Richtlinie? </h3></p> <p>Die Same-Origin-Richtlinie verhindert, dass Skripte auf Inhalte von einem anderen Ursprung zugreifen. Der Ursprung gilt als unterschiedlich, wenn sich eine der folgenden URL-Komponenten unterscheidet:</p> <ul> <li>Protokoll (z. B. http vs. https)</li> <li>Hostname (z. B. www.example.com vs. data. example.com)</li> <li>Port (z. B. 80 vs. 2251)</li> </ul> <p><h3>Frustrierende Einschränkungen</h3></p> <p>Diese Richtlinie verhindert effektiv, dass Ihre Skripte mit Inhalten von externen Websites interagieren. Wenn Ihre Hauptseite beispielsweise von http://www.example.com geladen wird und Sie versuchen, auf ein <iframe> zuzugreifen. von https://www.example.com geladen wurde, erhalten Sie den Sicherheitsfehler.</p> <p><h3>Workaround: Cross-Origin-Kommunikation</h3></p> <p>Während Sie nicht direkt darauf zugreifen können Cross-Origin-Frames mithilfe von JavaScript können Sie window.postMessage und das entsprechende Nachrichtenereignis verwenden, um die Kommunikation zwischen den Seiten herzustellen. Hier eine kurze Übersicht:</p> <ol> <li> <strong>Auf der Hauptseite:</strong>Verwenden Sie postMessage, um Daten mit einem passenden Ursprung an den Iframe zu senden.</li> <li> <strong>Im Iframe :</strong> Lauschen Sie auf das Nachrichtenereignis und verarbeiten Sie Daten nur, wenn der Ursprung mit dem erwarteten übereinstimmt value.</li> </ol> <p><h3>Deaktivieren der Same-Origin-Richtlinie (Vorsicht empfohlen)</h3></p> <p>Es ist möglich, die Same-Origin-Richtlinie in bestimmten Browsern zu deaktivieren, aber Dies sollte als Sicherheitsrisiko betrachtet werden und nur zu Entwicklungszwecken durchgeführt werden. Denken Sie daran, dass das Deaktivieren der Richtlinie uneingeschränkten Zugriff auf Cross-Origin-Ressourcen gewährt und Ihren Browser möglicherweise Sicherheitslücken aussetzt.</p>
