JavaScriptでDOMException: Blocked a frame with origin “null”エラー対処

親ページからwindow.openで子ページを開く。

子ページから親ページに書き込むというサイトを作っていた。

具体的に書くと、

親ページにチャット画面があり、

ボタンを押すと、子のチャットのテンプレートページが開く。

子で選んだチャットのフレーズのボタンを押すと、親ページに書き込まれるというものを作っていた。

それ自体はこちらのサイトがとても役立ちました。

試しに作ったところ、下記のようなエラーが出た。

DOMException: Blocked a frame with origin “null” from accessing a cross-origin frame

解決策

デスクトップ上で試していたので、ローカルサーバーにのせかえて試す。

⇒問題なく動いた。

参考

Javascriptの挙動って、Apacheにのせているか、のせていないかでも、変わるのですね。