ドメインとプロトコルが一致してもサブドメインが一致しないiframeコンテンツの高さを取得する

Question

iframe（https://booking.yourdomain.comからhttps://www.yourdomain.com）のコンテンツを取得しようとしているため、高さを設定できます。

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

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

しかし、これは次のエラー発射：だから、これは（私がhereからの発現を取った）のように、すべてのコンテンツは、表示されている

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

ドメインとプロトコルが一致しますが、サブドメインにはありません、

提案がありますか？

（あなたはデ・デバッガでプレイしたい場合は、私は本番環境でだけのiframeでtest.htmlを作成しました。）回避策として

-EDIT-

： スクロールを有効にする方法任意のアイデアiframeの内容について同一生成元ポリシーは、ブラウザをブロックしている理由は、ある

Answer 1

（固定の高さとオーバーフロースクロールを試みたが、スクロール=「はい」が、機能しません）。 https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy#Changing_originを参照してください詳細については、

document.domain = "yourdomain.com"; 

：

は、問題を回避両方にJSの次の行、IFRAMEを含むページ、とiframe内にロードされたページを追加します。

編集：コンテンツに基づいてiframeのサイズを変更するには、iframe-resizerをおすすめします。