ウィンドウ間通信のブラウザサポートを検出する

Question

私は、window.openとウィンドウ間通信（新しい '子'ウィンドウcommunicates success/failure to the 'parent' window）の使用に依存するいくつかのJavaScriptを持っています。

このウィンドウ間通信はほとんどの場合うまく機能しますが、ウィンドウ間通信をサポートしないブラウザでは機能しません。例はWindows PhoneとiPhone's UIWebViewです。

私は現在、これらのシナリオを検出するためにクライアント側（JavaScriptベース）user-agent sniffingを実行し、別のコードパスを使用して問題を回避します。

私が使用できるユーザーエージェントのスニッフィングの代替品はありますか？

明らかにするには、window.openが機能します（ここでは、「要求されたURLを開く」という意味です）。 がでない場合は、window.openerとpostMessageを使用して、 'child'から 'parent'へのウィンドウ間通信を行います。

function yourMessageCallback(event) { 
    // your other handler stuff here... 
    event.source.postMessage('Yeah I got it', event.origin); 
} 

を次にあなたが返事が到着したときにクリアすることができ、送信側でタイマーを行うことができます：あなたが戻って、このような子ウィンドウへの応答を送信することができ、あなたのオープナーウィンドウ・メッセージ・コールバックで

Answer 1

：

// do your postmessage here 

function notReceived() { 
    // do stuff if the message didn't go through 
} 

var messageTimer = setTimeout(notReceived, 500); // 500ms should be enough for everyone? 

window.addEventListener('message', function(event) { 
    // do necessary origin checks first etc... (not shown here) 

    if (event.data == 'Yeah I got it') { 
    clearTimeout(messageTimer); 
    // do stuff if the message went through 
    } 
}, false); 

これは少しハックした解決策かもしれないが、ユーザーエージェントの盗聴よりも多分それほど簡単ではないことは知っていますか？