Erhalten Iframe Inhalt Höhe, wenn Domäne und Protokoll übereinstimmen, aber Subdomäne nicht

Question

Ich versuche, den Iframe (https://booking.yourdomain.com von https://www.yourdomain.com) Inhalt zu bekommen, damit ich die Höhe darauf einstellen kann. Also der gesamte Inhalt sichtbar ist, so (ich den Ausdruck nahm von here):

var booking_iframe = document.querySelector('iframe'); 

booking_iframe.onload = function() { 
    booking_iframe.style.height = booking_iframe.contentWindow.document.body.offsetHeight + 'px'; 
} 

Aber das löst den folgenden Fehler:

VM389:1 Uncaught DOMException: Blocked a frame with origin "https://www.yourdomain.com" from accessing a cross-origin frame. 
    at <anonymous>:1:54 

Domains und Protokoll Spiel, aber Sub-Domain nicht der Fall,

Jeder Vorschlag?

(. Wenn Sie mit de Debugger spielen wollen habe ich ein test.html nur mit dem iframe in der Produktionsumgebung)

-EDIT-

Zur Umgehung des Problems: Jede Idee, wie das Scrollen zu ermöglichen auf dem iframes Inhalt? (feste Höhe und Überlauf Scroll versucht, und scrolling = „ja“, aber wird nicht funktionieren)

Answer 1

Die Same Origin Policy ist der Grund, warum der Browser blockiert wird.

Um das Problem zu umgehen, fügen Sie die folgende Zeile von JS für beide, die Seite, die das iframe enthält, und die Seite, die innerhalb des iframe geladen wird:

document.domain = "yourdomain.com"; 

Weitere Einzelheiten finden Sie https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy#Changing_origin.

Edit: Um die iframe, um die Größe basierend auf deren Inhalt, empfehle ich iframe-resizer.