🧖🏼 🏴󠁧󠁢󠁷󠁬󠁳󠁿 👩🏿‍🤝‍👩🏽 बैक / फॉरवर्ड कैश - एक ब्राउज़र में पृष्ठों को कैशिंग करने के लिए एक तंत्र 💅🏿 🙏🏼 🧝🏻

संस्करण 1.5 से शुरू, फ़ायरफ़ॉक्स में एक कैशिंग तंत्र दिखाई दिया है जो स्मृति में पृष्ठ की स्थिति को बचाता है। कैशिंग एक ब्राउज़र सत्र के लिए मान्य है। "बैक / फॉरवर्ड" बटन का उपयोग करके देखे गए पृष्ठों के माध्यम से चलते हुए, सर्वर से पूरे पृष्ठ को डाउनलोड करने की कोई आवश्यकता नहीं है। एक ही समय में, js-script सहित पूरा पृष्ठ ऐसा है जैसे कि उपयोगकर्ता जिस अवस्था में उन्हें छोड़ता है उस अवस्था में "संरक्षित" है। यह तंत्र आपको बहुत तेज़ी से देखे गए पृष्ठों के माध्यम से नेविगेट करने की अनुमति देता है। ब्राउज़र सत्र सक्रिय होने तक (जब तक उपयोगकर्ता बुकमार्क, या ब्राउज़र बंद नहीं करता) तब तक कैश की स्थिति अपरिवर्तित रहती है।

"बग" नहीं, बल्कि "सुविधा"

अन्य बातों के अलावा, इस ब्राउज़र तंत्र की गलतफहमी डेवलपर्स के लिए वास्तविक सिरदर्द का कारण बनती है। एक उदाहरण पर विचार करें।

एक फॉर्म है जिसका डेटा हम सर्वर को भेजना चाहते हैं। हम किसी तरह इस प्रक्रिया की कल्पना करना चाहते हैं और फॉर्म जमा करते समय स्पिनर को शुरू करते हैं। ब्राउज़र अगले पृष्ठ पर जाता है। यदि हम ब्राउज़र के बैक बटन (या window.history.back () ) के माध्यम से वापस जाते हैं, तो हम सबसे अधिक संभावना देखेंगे कि स्पिनर स्पिन कर रहा है, हालांकि वास्तव में कुछ भी नहीं हो रहा है।

डेवलपर यह विचार कर सकता है कि यह व्यवहार ब्राउज़र बग या इसकी कुछ विशेषताओं से अधिक नहीं है, और त्वरित समाधान की तलाश में, अनलोड अनलोड इवेंट (नीचे दी गई सूची में पहला आइटम) पर एक अतिरिक्त हैंडलर डालें। इस प्रकार, डेवलपर सामान्य रूप से BFCache को मना कर देता है, जिससे उसके उपयोगकर्ताओं को विज़िट किए गए पृष्ठों के माध्यम से लगभग तुरंत नेविगेट करने की संभावना से वंचित किया जाता है।

काम करने की स्थिति

पृष्ठ कैशिंग तंत्र काम नहीं करता है यदि:

पृष्ठ अनलोड के लिए संचालकों को परिभाषित करता है, घटनाओं से पहले ;
पृष्ठ में कैश-नियंत्रण है: कोई स्टोर स्थापित नहीं ;
साइट HTTPS के अंतर्गत है और निम्न में से एक नियम पृष्ठ के लिए निर्धारित है:
- कैश-कंट्रोल: नो-कैश
- प्रज्ञा: नो-कैश
- अवसान: 0 या "अवसान" को "दिनांक" शीर्ष लेख के सापेक्ष अतीत में दर्शाया गया है (जब छोड़कर)
- " कैश-कंट्रोल: अधिकतम आयु = " भी निर्दिष्ट है)
पृष्ठ पूरी तरह से लोड नहीं हुआ है;
पेज इंडेक्सडीडीबी लेनदेन तंत्र का उपयोग करता है ;
शीर्ष-स्तरीय पृष्ठ में फ़्रेम, iframe होता है (जो, वैसे, कभी भी कैश नहीं किया जाता है)।

ईवेंट पृष्ठशो , पेजहाइड

BFCache के आगमन के साथ, दो नई घटनाएं इसके साथ दिखाई दीं। उनके करीब जाने के लिए, एक वेब पेज के मानक व्यवहार पर विचार करें:

उपयोगकर्ता पृष्ठ पर जाता है।
पेज लोडिंग के साथ, js स्क्रिप्ट निष्पादित की जाती हैं।
पृष्ठ लोड होने के बाद, लोड घटना को उठाया जाता है।

कुछ पृष्ठों के लिए 4 चरण हैं। यदि पृष्ठ पहले से लोड नहीं किए गए अनलोड के लिए हैंडलर का उपयोग करता है, तो उपयोगकर्ता द्वारा पेज छोड़ने पर इन घटनाओं को ब्राउज़र द्वारा ट्रिगर किया जाता है। इस स्थिति में, पृष्ठ कैश नहीं किया गया है।

जब उपयोगकर्ता कैश्ड पृष्ठ पर लौटता है, तो स्क्रिप्ट फिर से निष्पादित नहीं होती हैं, और लोड घटना भी नहीं होती है (चरण 2,3, क्योंकि ज्यादातर मामलों में, इस कार्य की आवश्यकता नहीं होती है, और इसलिए पृष्ठ स्थिति समान रहती है।

यदि आपको उपयोगकर्ता द्वारा पृष्ठ पर हर बार स्क्रिप्ट निष्पादित करने की क्षमता की आवश्यकता होती है, तो पेजशो ईवेंट का उपयोग करें।

इसी तरह, यदि उपयोगकर्ता को पृष्ठ छोड़ने पर आपको कार्रवाई करने की आवश्यकता है, तो आपको पेजहाइड ईवेंट का उपयोग करना चाहिए।

Pageshow घटना

यह ईवेंट लोड ईवेंट की तरह ही फायर करता है, सिवाय इसके कि इसे हर बार पेज पर यूजर लैंड (और कैश्ड पेज पर लोड इवेंट नहीं होता है) से निकाल दिया जाता है। जब पृष्ठ पहली बार लोड होता है, तो लोड घटना के तुरंत बाद पेजशो घटना होती है।

पेजशो की घटना में बूलियन कायम संपत्ति है, जो पृष्ठ के पहले लोड होने पर झूठी है । यह सही है यदि पृष्ठ ब्राउज़र द्वारा कैश किया गया है (यानी यदि यह पहला पृष्ठ लोड नहीं है)।

पेजहाइड घटना

यदि आपको उस समय के व्यवहार को निर्धारित करने की आवश्यकता होती है जब उपयोगकर्ता पृष्ठ छोड़ता है, लेकिन अनलोड इवेंट (जो कैशिंग से पृष्ठ को रोक देगा) का उपयोग करने की कोई इच्छा नहीं है, तो पेजहाइड घटना का उपयोग करें।

पेजशो की तरह, पेजहाइड में एक बूलियन कायम संपत्ति है। इसी तरह, यह झूठा है यदि पृष्ठ कैश नहीं किया गया है, और अन्यथा सच है।

यदि यह संपत्ति झूठी पर सेट की जाती है , तो पेजहाइड घटना के तुरंत बाद अनलोड हैंडलर को निष्पादित किया जाता है ।

अनलोड और पूर्व भार के बावजूद कैशिंग

यदि कोई स्थिति सामने आती है जब आपको अनलोड करने से पहले घटनाओं का उपयोग करने की आवश्यकता होती है, लेकिन साथ ही साथ BFCache की क्षमता को बनाए रखें , तो आप इन घटनाओं को उनके हैंडलर में हटा सकते हैं, और उन्हें पेजशो ईवेंट हैंडलर में पुन: असाइन कर सकते हैं:

window.addEventListener('pageshow', PageShowHandler, false); window.addEventListener('unload', UnloadHandler, false); function PageShowHandler() { window.addEventListener('unload', UnloadHandler, false); } function UnloadHandler() { window.removeEventListener('unload', UnloadHandler, false); }

क्रॉस-प्लेटफॉर्म

BFCache तंत्र फ़ायरफ़ॉक्स 1.5 में दिखाई दिया, और लंबे समय से सभी आधुनिक ब्राउज़रों द्वारा सक्रिय रूप से समर्थित है। ब्राउज़र समर्थन का परीक्षण करने के लिए, आप निम्नलिखित दृष्टिकोण का उपयोग कर सकते हैं:

 if ('onpagehide' in window) { window.addEventListener('pagehide', exitFunction, false); } else { window.addEventListener('unload', exitFunction, false); }

बैक / फॉरवर्ड कैश - एक ब्राउज़र में पृष्ठों को कैशिंग करने के लिए एक तंत्र