iframe内のサイト(別ドメイン)のDOMを取得したい

Question

前提・実現したいこと

Webサイト内に別ドメインのサイトをifreamで表示しているのですが、その埋め込みサイト側の情報をDOM経由で取得したいです。

同一オリジンの制約上、以下のように取得することは出来ないということは分かったのですが、やはりブラウザの仕様上不可能でしょうか？※埋め込み側のサイトも自前なので、設定の変更などは可能です。

document.getElementsByTagName("iframe")[0].contentWindow.document;

//Uncaught DOMException: Blocked a frame with origin "https://(ドメイン)" from accessing a cross-origin frame.

Comments

[m.ts10806]

ifream　→　iframe　ですね。

Answer 1

やはりブラウザの仕様上不可能でしょうか？

はい。 ※コメント欄でのアドバイスを受けて訂正します

デフォルトでは基本的に不可能とは思いますが、アクセスしたいサイト側で許可することで対応が可能になるかもしれませんので、まず試してみてください。

• CORSまとめ

自前のサイトとはいえ、iframeで表示する必要がある（そしてその中の要素を取得する必要がある）という状況が今一つイメージできないのですが、差し支えなければどういう経緯や背景があるのか追記いただけませんか？

Comments

[kei344]

> はい。
埋め込み側のサーバで許可すればよいのでは？

[m.ts10806]

>kei344さん
自分が分かってないだけかもしれませんが、あくまでX-FRAME-OPTIONSの問題ということですか？

[kei344]

いえ、サーバ側からなら明示的に特定のドメインからのアクセスを許可することは出来ると思いますよ。
（Ajaxでの実装は経験がありますが、iframeでは違ったらすみませんん）

【CORSまとめ - Qiita】
https://qiita.com/tomoyukilabs/items/81698edd5812ff6acb34

[m.ts10806]

ありがとうございます。
これは環境によるかもしれない（サーバー次第という意味）ので、
試してもらうしかなさそうですね。

提示いただいた記事拝借して追記しますね。