Recuperar referencia de ventana secundaria después de actualizar

Question

Tengo una aplicación fuera de línea HTML5 (es decir, no hay componente/código del lado del servidor).

Básicamente tiene dos ventanas (principal e infantil). Sin embargo, en algunos casos, necesito actualizar la ventana principal de manera programática. Cuando esto sucede, pierde su referencia al niño, y la referencia del niño a window.opener ya no es válida. Así que pensé que serializaría la ventana secundaria y la almacenaría en localStorage. Luego, cuando el padre se haya actualizado, podría recoger la referencia de la ventana de localStorage y seguir interactuando con el niño.

El problema es que esto no funciona (según mi pregunta anterior aquí Stringify DOMWindow object). No puedo serializar una ventana DOM como cualquier otro objeto.

Entonces, ¿cómo puedo hacer que mi ventana recién actualizada seleccione una referencia al hijo de su predecesor?

Editar: Subrayó el hecho de que es una aplicación fuera de línea. No hay componente del lado del servidor.

Debo añadir que la razón por la que necesito actualizar el elemento principal es verificar las actualizaciones de la aplicación (cambios en el manifiesto de la caché). Dado que el padre es la primera página en la aplicación que carga, básicamente administra el almacenamiento en caché (de hecho como un lado, en Safari si esta ventana se cierra durante cualquiera de los procesos de caché todo el navegador se bloquea). Entonces "padre" es esencialmente "primera página que el usuario carga". Esto significa que no puedo tener el "padre" en un marco, ya que la ventana más alta administraría el almacenamiento en caché y requeriría la actualización para buscar actualizaciones. En realidad, parece que puedo usar el método de marco, ya que al actualizar cualquiera de las páginas de la aplicación se activará la verificación de actualización. Engorroso sin embargo.

Answer 1

Ver aquí: 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 incendios cada vez que una nueva versión ha sido descargado)

Answer 2

Suena como una solución bastante compleja. ¿Por qué no coloca el contenido de la ventana padre en un iframe invisible (es decir, uno sin borde) y simplemente actualiza el marco?

Eso le permitiría guardar la referencia al marco y la ventana secundaria en el documento superior donde ambos podrían acceder.

Answer 3

¿Se puede invocar algo en el abridor que indique que se debe volver a cargar y volver a abrir la ventana emergente de una página?

p. Ej.

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

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

a continuación en el código del lado del servidor, si tuviera el conjunto emergente, agregue el código para volver a poner en marcha.

Answer 4

Puede obtener la referencia de la ventana secundaria simplemente siguiendo truco.

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(); 
} 

Tenga en cuenta que debe tener un nombre de ventana hijo fijo para que este truco funcione.

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