Richiama riferimento alla finestra figlio dopo l'aggiornamento

Question

Ho un'app offline HTML5 (ovvero non esiste alcun componente/codice lato server).

Fondamentalmente ha due finestre (genitore e figlio). Tuttavia, in alcuni casi ho bisogno di aggiornare la finestra genitore al livello di programmazione. Quando ciò accade, perde il suo riferimento al figlio e il riferimento del figlio a window.opener non è più valido. Quindi il mio pensiero era che avrei serializzato la finestra figlia e l'avrei archiviata in localStorage. Quindi, quando il genitore è stato aggiornato, può prelevare il riferimento della finestra da localStorage e continuare a interagire con il figlio.

Il problema è che questo non funziona (come per la mia domanda precedente qui Stringify DOMWindow object). Non riesco a serializzare una finestra DOM come qualsiasi altro oggetto.

Così come posso avere la mia finestra appena aggiornata prendere un riferimento al figlio del suo predecessore?

Modifica: Sottolineato il fatto che si tratta di un'app offline. Non c'è alcun componente sul lato server.

Devo anche aggiungere che il motivo per cui ho bisogno di aggiornare il genitore è controllare gli aggiornamenti dell'applicazione (cambiamenti nel manifest della cache). Poiché il genitore è la prima pagina dell'applicazione che carica, gestisce fondamentalmente la memorizzazione nella cache (infatti, a parte, in Safari se questa finestra viene chiusa durante il processo di memorizzazione nella cache l'intero browser si arresta in modo anomalo). Quindi "genitore" è essenzialmente "prima pagina caricata dall'utente". Ciò significa che non posso avere il "genitore" in un frame, poiché la finestra più in alto gestirà quindi la memorizzazione nella cache e richiederà l'aggiornamento per cercare gli aggiornamenti. In realtà, è possibile che io possa utilizzare il metodo frame, poiché l'aggiornamento di una qualsiasi delle pagine dell'applicazione attiverà il controllo degli aggiornamenti. Però ingombrante.

Answer 1

vedere qui: http://www.w3.org/TR/html5/offline.html#dom-appcache-update

applicationCache.addEventListener("updateready", function() { 
    applicationCache.swapCache(); 
    //now reload the body html 
}, false); 
setInterval(60000, applicationCache.update);//check for updates every minute 

(updateready incendi ogni volta che una nuova versione è stata scaricata)

Answer 2

Sembra una soluzione piuttosto complessa. Perché non metti il ​​contenuto della finestra genitore in un iframe invisibile (ad esempio uno senza un bordo) e aggiorna semplicemente la cornice?

Ciò consentirebbe di salvare il riferimento al frame e alla finestra secondaria nel documento in alto in cui entrambi potrebbero accedervi.

Answer 3

Puoi chiamare qualcosa sul dispositivo di apertura che dice di ricaricare e riaprire il popup in una pagina?

ad es.

//in popup 
window.opener.doReload('popup_page_name.html'); 
window.close(); 

//in opener 
function doReload(popupURL){ 
    setSomeFormField(popupURL); 
    someForm.submit(); 
} 

quindi nel codice sul lato server, se avessi impostato il popup, aggiungi il codice per rilanciarlo.

Answer 4

È possibile ottenere il riferimento della finestra secondaria semplicemente seguendo trucco.

newWin = window.open("", "child_window_name", "width=..."); 
if (newWin.location.href === "about:blank") { 
    newWin = window.open("a.html", "child_window_name", "width=..."); 
} else { 
    // We've already obtained the reference. 
    // However, IE and FireFox won't put focus on an already opened window. 
    // So we have to do that explicitly: 
    newWin.focus(); 
} 

Nota: è necessario avere un nome di finestra figlio fisso per far funzionare questo trucco.

Esempio URL: http://josephj.com/lab/2011/window-open-reconnect/demo.html