Pulsante Indietro Safari mobile

Question

Il problema riscontrato è molto simile a this question, ad eccezione del fatto che Safari sui desktop sembra aver risolto il problema. In sostanza, il problema è questo: quando un client sta navigando su mobile safari e la pagina esegue una funzione javascript su pagea.html, quindi vai a pageb.html, quindi premi il pulsante indietro per tornare a pagea.html, la funzione javascript non verrà eseguito quando il client ha premuto il pulsante Indietro per tornare a pagea.html. Salterà la chiamata javascript.

Ho provato le soluzioni citate nel link sopra, ma nulla sembra funzionare per Safari mobile. Qualcun altro ha riscontrato questo bug? Come lo hai gestito?

Answer 1

Questo è causato da back-forward cache. Si suppone di salvare lo stato completo della pagina quando l'utente si allontana. Quando l'utente torna indietro con il pulsante Indietro, la pagina può essere caricata dalla cache molto rapidamente. Questo è diverso dalla cache normale che memorizza solo il codice HTML.

Quando la pagina viene caricata per l'evento bfcache onload, non verrà attivato. Invece è possibile verificare la proprietà persisted dell'evento onpageshow. È impostato su false al caricamento iniziale della pagina. Quando la pagina viene caricata da bfcache è impostata su true.

window.onpageshow = function(event) { 
    if (event.persisted) { 
     alert("From back/forward cache."); 
    } 
}; 

Per qualche motivo, jQuery non ha questa proprietà nell'evento. Puoi trovarlo dall'evento originale però.

$(window).bind("pageshow", function(event) { 
    if (event.originalEvent.persisted) { 
     alert("From back/forward cache."); 
    } 
}); 

La soluzione rapida a questi problemi è di ricaricare la pagina quando si preme il pulsante Indietro. Ciò tuttavia annulla qualsiasi effetto positivo che la cache di back/forward darebbe.

window.onpageshow = function(event) { 
    if (event.persisted) { 
     window.location.reload() 
    } 
}; 

Come sidenote, è possibile vedere molte pagine che offrono utilizzando vuota onunload gestore come soluzione. Questo non ha funzionato da iOS5.

$(window).bind("unload", function() { });