エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
postMessageを使って、ブラウザ上でオリジン間のデータ共有を実施
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
postMessageを使って、ブラウザ上でオリジン間のデータ共有を実施
やりたいこと ブラウザ上で、あるページ(仮にhttps://src.jp/src.htmlとする)から異なるオリジンのペー... やりたいこと ブラウザ上で、あるページ(仮にhttps://src.jp/src.htmlとする)から異なるオリジンのページ(仮にhttps://popup.jp/popup.htmlとする)を別ウインドウで開き、その後2つのページ間でデータ共有をしたい。 課題 オリジン(ドメイン)が違うのでセキュリティ上の制約でLocal StorageやCookieの共有は出来ません。もちろんdomの操作も出来ません。 API作ってサーバー側で処理すればやりようがあるけど、面倒くさいのでやりたくないです。フロントエンドだけで完結させたいです。 解決策 Window.postMessage()を使いました。 window.postMessage() は、 Window オブジェクト間で安全にオリジン間通信を可能にするためのメソッドです。例えば、ポップアップとそれを表示したページの間や、iframe とそ