Rileva supporto browser per comunicazione inter-finestra

Question

Ho qualche javascript che si basa sull'uso di window.open e comunicazione inter-finestra (dove la nuova finestra "figlio" communicates success/failure to the 'parent' window).

Questa (comunicazione tra finestre) funziona nella maggior parte dei casi, ma non funziona con alcuni browser che non supportano la comunicazione tra finestre. Gli esempi includono Windows Phone e iPhone's UIWebView.

Attualmente eseguo il client (basato su javascript) user-agent sniffing per rilevare questi scenari e il fallback su un percorso di codice diverso per risolvere il problema.

Esiste un'alternativa allo sniffing user-agent che potrei utilizzare?

Per essere chiari, window.open funziona (dove funziona significa 'apre l'URL richiesto'). Cosa non è affidabile sta usando window.opener e postMessage per fare comunicazione inter-finestra dal 'figlio' al 'genitore'.

Answer 1

Nel vostro apri messaggio finestra di richiamata si può inviare una risposta indietro alla finestra figlio in questo modo:

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

allora si può fare un timer sul lato di invio che è possibile cancellare quando la risposta arriva:

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

so che questo potrebbe essere una soluzione hackish po ', ma forse meno di quanto user agent sniffing?