Erkennung der Browser-Unterstützung für Inter-Fenster-Kommunikation

Question

Ich habe einige Javascript, die auf die Verwendung von window.open und Inter-Window-Kommunikation angewiesen (wo das neue 'Kind' Fenster communicates success/failure to the 'parent' window).

Diese (Inter-Window-Kommunikation) funktioniert in den meisten Fällen gut, funktioniert aber nicht für einige Browser, die Inter-Window-Kommunikation nicht unterstützen. Beispiele umfassen Windows Phone und iPhone's UIWebView.

Ich mache derzeit Client-Seite (Javascript-basierte) user-agent sniffing, um diese Szenarien zu erkennen - und Fallback auf einen anderen Code-Pfad, um das Problem zu umgehen.

Gibt es eine Alternative zum User-Agent-Sniffing, die ich verwenden könnte?

Um klar zu sein, funktioniert die window.open (wo funktioniert bedeutet 'es öffnet die angeforderte URL'). Was nicht zuverlässig ist, verwendet window.opener und postMessage, um Inter-Window-Kommunikation vom 'Kind' zum 'Eltern' zu tun.

Answer 1

In Ihrem Opener Fenster Nachricht Rückruf können Sie eine Antwort zurück zum Kind Fenster wie folgt senden:

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

Dann können Sie auf der Sendeseite einen Timer tun, die Sie löschen können, wenn die Antwort eintrifft:

// 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); 

Ich weiß, das könnte ein bisschen hackish Lösung sein, aber vielleicht weniger als User Agent Sniffing?