文書間通信をより広範囲な環境で
動作させるための考察

postMessage

• 文書間通信
• 同一生成元ポリシーを越えられる
• Opera, Firefox, Safari, Chrome and IE 8

iframe.contentWindow.postMessage('Hello', '*');

window.addEventListener('message', function (event) {
    alert(event.data);
}, false);

What about IE?

• IE 8 supports postMessage
• IE 7?
• IE 6!

OK, let's implement XDM in IE 6/7!

• クロスドメイン通信方法のまとめ - nopnopの日記
• サーバーサイド技術を使わないクロスドメイン通信補足 - 0xFF
• window.nameによるクロスドメイン通信 - snippets from shinichitomita’s journal
  • 不可視の iframe 要素を作り、その window オブジェクトの name プロパティを介して通信する
  • 何らかの静的ファイルがリクエスト送信元のページと同一ドメインに置かれている必要がある
• IE で postMessage 的実装をちゃんとやる - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech
  • フラグメント識別子を利用
  • URL 長制限対策としてデータをパケット化

隠しフレームと about:blank を用いた文書間通信

デモ

• IE では about:blank の生成元が「about:blank へ遷移させた文書」の生成元と同じ扱いになる……ようだ?
• 親文書と子文書が、ある iframe を about:blank に書き換えあうことで、そのフレームの window.name を共有できる

var senderWin = frame.contentWindow[1];
var receiverWin = frame.contentWindow[0];

senderWin.location.replace('about:blank');
senderWin.name = 'Hello, world!'

setInterval(function () {
    try {
        receiverWin.name;
        return;
    } catch (ex) {}

    receiverWin.location.replace('about:blank');
    alert(receiverWin.name);
}, 50);