मोबाइल सफारी बैक बटन

Question

जो समस्या मैंने पाया है वह this question के समान है, सिवाय इसके कि डेस्कटॉप पर सफारी ने इस मुद्दे को हल किया है। अनिवार्य रूप से, यह मुद्दा यह है: जब कोई ग्राहक मोबाइल सफारी पर ब्राउज़ कर रहा है और पृष्ठ pagea.html पर जावास्क्रिप्ट फ़ंक्शन निष्पादित करता है, तो पेजb.html पर नेविगेट करें, फिर पेजए.html पर वापस जाने के लिए बैक बटन दबाएं, जावास्क्रिप्ट फ़ंक्शन जब क्लाइंट पेजए.html पर वापस आने के लिए बैक बटन दबाएगा तब नहीं चलेगा। यह जावास्क्रिप्ट कॉल छोड़ देगा।

मैंने ऊपर दिए गए लिंक में उल्लिखित समाधानों का प्रयास किया है, लेकिन मोबाइल सफारी के लिए कुछ भी काम नहीं करता है। क्या किसी और को इस बग का सामना करना पड़ा है? आप उसे कैसे संभालते हैं?

Answer 1

यह back-forward cache के कारण होता है। जब उपयोगकर्ता नेविगेट किया जाता है तो यह पृष्ठ की पूरी स्थिति को सहेजना है। जब उपयोगकर्ता बैक बटन पेज के साथ वापस नेविगेट करता है तो उसे कैश से बहुत जल्दी लोड किया जा सकता है। यह सामान्य कैश से अलग है जो केवल HTML कोड को कैश करता है।

जब पृष्ठ bfcache onload ईवेंट के लिए लोड किया जाता है तो ट्रिगर नहीं किया जाएगा। इसके बजाय आप onpageshow ईवेंट की persisted संपत्ति देख सकते हैं। यह प्रारंभिक पृष्ठ लोड पर गलत पर सेट है। जब पृष्ठ bfcache से लोड होता है तो यह सत्य पर सेट होता है।

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

किसी कारण से jQuery में इस संपत्ति में इस संपत्ति नहीं है। हालांकि आप इसे मूल घटना से पा सकते हैं।

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

इन समस्याओं का त्वरित समाधान पृष्ठ को फिर से लोड करना है जब बैक बटन दबाया जाता है। हालांकि यह किसी भी सकारात्मक प्रभाव को पीछे/आगे कैश देगा।

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

एक sidenote रूप में, आप समाधान के रूप में खाली onunload हैंडलर का उपयोग कर की पेशकश पृष्ठों की बहुत देख सकते हैं। यह आईओएस 5 के बाद से काम नहीं किया है।

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