Mobile Safari Zurück-Taste

Question

Das Problem, das ich gefunden habe, ist sehr ähnlich zu this question, außer dass Safari auf Desktops scheint das Problem gelöst haben. Das Problem ist im Wesentlichen folgendes: Wenn ein Client auf einer mobilen Safari surft und die Seite eine JavaScript-Funktion auf pagea.html ausführt, navigieren Sie zu pageb.html und drücken Sie dann die Zurück-Taste, um zur JavaScript-Funktion pagea.html zurückzukehren wird nicht ausgeführt, wenn der Client die Zurück-Taste gedrückt hat, um zu pagea.html zurückzukehren. Es wird den Javascript-Aufruf überspringen.

Ich habe die oben genannten Lösungen ausprobiert, aber nichts scheint für mobile Safari zu funktionieren. Hat jemand anderen diesen Fehler festgestellt? Wie bist du damit umgegangen?

Answer 1

Dies wird durch back-forward cache verursacht. Es soll den vollständigen Zustand der Seite speichern, wenn der Benutzer weg navigiert. Wenn der Benutzer mit Zurück zurück navigiert, kann die Schaltfläche Seite sehr schnell aus dem Cache geladen werden. Dies unterscheidet sich vom normalen Cache, der nur HTML-Code zwischenspeichert.

Wenn die Seite für bfcache geladen wird onload Ereignis wird nicht ausgelöst. Stattdessen können Sie die persisted Eigenschaft des onpageshow Ereignisses überprüfen. Es wird beim ersten Laden der Seite auf false gesetzt. Wenn die Seite aus Bfcache geladen wird, wird sie auf True gesetzt.

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

Aus irgendeinem Grund hat jQuery diese Eigenschaft nicht im Ereignis. Sie können es jedoch vom ursprünglichen Ereignis finden.

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

Schnelle Lösung für dieses Problem ist es, die Seite neu zu laden, wenn die Zurück-Taste gedrückt wird. Dies hebt jedoch jeglichen positiven Effekt auf, den der Back/Forward-Cache geben würde.

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

Als Nebenbei bemerkt, können Sie viele Seiten sehen mit leeren onunload Handler als Lösung anbietet. Dies hat seit iOS5 nicht funktioniert.

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