埋め込みiframe内の外部ページから情報にアクセス

Question

ドメインbanana.example.comから配信されたページを作成しました。私はそのドメインを所有しています。このページの目的は、私が所有していないmango.example.comのページに埋め込むことです。 （同じ "大きなドメイン"がと同じドメイン）これはうまくいきます。私はマンゴーの人々にURLを与え、自分のサイトのiframeにバナナのページを埋め込むことができます。

mango.example.comのどのページが埋め込まれているかによって、ページに表示される内容が少し異なります。

私が書く場合：

console.log(window.parent.window.location); 

私は場所オブジェクトとしてコンソールに印刷された完全なURLを取得しますが、私はどちらか、そのオブジェクトのプロパティ（例えば、HREF、パス名）のいずれかにアクセスしたり使用することはできません暗黙または明示的なメソッドを使用して場所オブジェクトを文字列化します。

私のページが埋め込まれているページに関する情報を得る方法はありますか？ URL、タイトル、何ですか？ （この質問の目的のために、私はbanana.example.com以上の権限しか持たず、mango.example.comの人々に何かを頼むことはできないと仮定してください）

Answer 1

これはブラウザのためですCORS （クロスオリジンリソース共有）。この問題の解決策は、情報を要求している外部ページにメッセージを投稿することであり、それはあなたのiframeへの応答を送信し、そのためのハンドラを持ちます。 postMessagehereについて読む外側のページを制御していない場合、このような問題を解決することはできません。 iframeが情報を要求している場合にメッセージを受け取り、postMessageを使用して返信するようマンゴのオーナーに納得させる必要があります。