🌲 ⏩ 👩🏻‍🤝‍👨🏼 एप्लिकेशन कैश एपीआई - नई सुविधाएँ और मुद्दे 🤴🏽 🤖 👩🏽

धीरे-धीरे, HTML5 मानक की अवधारणा वास्तविकता बन जाती है। ब्राउज़र्स नई सुविधाओं का समर्थन करना शुरू कर रहे हैं जो कि बहुत कमी थी। लेकिन नए अवसरों के साथ, नई समस्याएं दिखाई देती हैं।
यह आलेख अनुप्रयोग कैश API पर चर्चा करता है - ऐसे फ़ंक्शन का एक सेट जो वेब एप्लिकेशन संसाधनों के उन्नत कैशिंग प्रदान करता है, और जिसके साथ आप इंटरनेट से कनेक्ट किए बिना पहले से डाउनलोड की गई साइट देख सकते हैं। मैंने अनुप्रयोग कैश के व्यावहारिक उपयोग और समस्याओं पर विशेष ध्यान दिया।

लेख में आगे कहा गया है, "कैश" शब्द और इसके व्युत्पन्न का अर्थ है एप्लीकेशन कैश और इसके साथ काम करना। मानक ब्राउज़र कैश को "मानक कैश" कहा जाता है।

सामान्य अनुप्रयोग कैश वर्कफ़्लो

पहली नज़र में एप्लिकेशन कैश के संचालन का तंत्र सरल है। जब उपयोगकर्ता पहली बार साइट का उपयोग करता है, तो पेज ब्राउज़र कैश में संग्रहीत होते हैं। फिर, बाद की यात्राओं के दौरान, साथ ही जब इंटरनेट कनेक्शन खो जाता है, तो प्री-स्टोर किए गए डेटा का उपयोग एक विशेष "स्टोरेज" में किया जाता है। साइट की कैशिंग को एक विशेष फ़ाइल का उपयोग करके नियंत्रित किया जाता है जिसे मैनिफ़ेस्ट कहा जाता है। कुछ लेख .manifest के बजाय .apppcache का उपयोग करते हैं। यह लेख .manifest का उपयोग करता है। यद्यपि आप अपने नाम का उपयोग कर सकते हैं।

कोष

"संग्रहण" एक सशर्त नाम है जो ब्राउज़र में उपयोग किया जाता है ताकि यह इंगित किया जा सके कि एप्लिकेशन कैश कहां संग्रहीत है। अनुप्रयोग कैश के ऑपरेटिंग तंत्र और मानक ब्राउज़र कैश अलग-अलग हैं, और इसलिए अलग प्लेसमेंट की आवश्यकता है। दो प्रकार के कैशिंग के बीच अंतर हैं:

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

इन अंतरों का कैशिंग तंत्रों पर महत्वपूर्ण प्रभाव पड़ता है, जिनके बारे में लेख के अंत में विस्तार से चर्चा की जाएगी।

.Manifest फ़ाइल शामिल करें

प्रारंभ में, आपको एप्लिकेशन कैश को "सक्षम" करना होगा। यह HTML टैग में प्रकट विशेषता का उपयोग करते हुए .manifest फ़ाइल के ब्राउज़र को इंगित करके किया जाता है:

<!DOCTYPE html> <html manifest="cache.manifest">

यहाँ दो विशेषताएं हैं:

एप्लिकेशन कैश केवल तभी काम करता है जब ब्राउज़र पृष्ठ को HTML5 दस्तावेज़ के रूप में संसाधित करता है। इसलिए, DOCTYPE इंगित करने के लिए वांछनीय है। निर्दिष्ट DOCTYPE के बिना, ब्राउज़र के पुराने संस्करणों में समस्याएं हो सकती हैं।
फ़ाइल का नाम मनमाना हो सकता है।

उसके बाद, यह उपयोगकर्ता को पहली .manifest फ़ाइल प्रदान करने के लिए पर्याप्त है, लेकिन यहां दो महत्वपूर्ण बिंदुओं की प्रतीक्षा है:

आपको .manifest फ़ाइल के लिए MIME प्रकार को परिभाषित करने की आवश्यकता है। ऐसा करने के लिए, नए फ़ाइल प्रकार को परिभाषित करने वाले अपने सर्वर पर .htaccess फ़ाइल में एक पंक्ति जोड़ें:
```
 AddType text/cache-manifest .manifest 
```
मोज़िला फायरफ़ॉक्स ब्राउज़र को मैनिफ़ेस्ट फ़ाइल की सामग्री को अपडेट करने में समस्या है, इसलिए हमें इसके लिए विशेष रूप से .htaccess में निर्माण को जोड़ना होगा:
```
 <IfModule mod_expires.c> ExpiresActive On ExpiresByType text/cache-manifest "access plus 0 seconds" </IfModule> 
```

इन ऑपरेशनों को करने के बाद, हम .manifest फ़ाइल की सामग्री से निपट सकते हैं।

.Manifest फ़ाइल

ऐसी फ़ाइल का एक उदाहरण यहां दिया गया है:

 CACHE MANIFEST #  1 images/logo.png CACHE: css/default.css NETWORK: index.php FALLBACK: / /offline.html

पहली पंक्ति में पाठ CACHE MANIFEST है - इसका अर्थ है कि यह फ़ाइल एक प्रकट फ़ाइल है। वह आवश्यक है।
फ़ाइल में टिप्पणियाँ पाउंड साइन # द्वारा दर्शाई गई हैं।
रिक्त स्थान या रिक्त स्थान वाली रेखाओं को अनदेखा किया जाता है और केवल तार्किक पृथक्करण के लिए उपयोग किया जाता है।
उदाहरण में, टिप्पणी तथाकथित "स्पष्ट प्रविष्टि" (छवियों / logo.png) द्वारा पीछा की जाती है - CACHE अनुभाग का एक एनालॉग। इसका उपयोग किया जा सकता है, साथ ही साथ इस अनुभाग के साथ संयोजन में, और इसे प्रतिस्थापित किया जा सकता है।
प्रत्येक नियम (संसाधन) को एक अलग लाइन पर लिखा जाना चाहिए।
तीन सेक्शन फॉलो करते हैं। अनुभाग के नाम, साथ ही पाठ CACHE MANIFEST, ऊपरी मामले में होना चाहिए। प्रत्येक अनुभाग अपने कार्य करता है। वर्गों का क्रम महत्वपूर्ण नहीं है। कम से कम एक सेक्शन होना चाहिए। अनुभाग खाली हो सकते हैं।
आइए प्रत्येक खंड को देखें।

CACHE अनुभाग

यह अनुभाग डिफ़ॉल्ट अनुभाग है, अर्थात यदि .manifest फ़ाइल ("स्पष्ट प्रविष्टि") में कोई हेडर नहीं है, तो इस फ़ाइल की सामग्री को CACHE अनुभाग की सामग्री के रूप में लिया जाता है। इस खंड के अंदर कैश्ड संसाधनों के लिए पथ या URI हैं। निम्नलिखित सुविधाएँ उपलब्ध हैं:

एक विशिष्ट संसाधन (फ़ाइल) निर्दिष्ट करता है, अर्थात आप इस खंड में / चित्र / * जैसी एक पंक्ति नहीं लिख सकते
.Manifest फ़ाइल (पृष्ठ c) की परिभाषा वाला एक पृष्ठ स्वचालित रूप से कैश किया जाता है। आप सभी पृष्ठों के लिए मैनिफ़ेस्ट फ़ाइल में सूचीबद्ध किए बिना पूरी साइट को कैश करने के लिए मैनिफ़ेस्ट विशेषता जोड़ सकते हैं। नोट: मोज़िला फ़ायरफ़ॉक्स एक गतिशील रूप से उत्पन्न पृष्ठ (.php) को प्रकट विशेषता के साथ कैश नहीं करता है।

नेटवर्क अनुभाग

इस अनुभाग में उन फ़ाइलों के पथ हैं, जिन्हें इंटरनेट से डाउनलोड किया जाना चाहिए। आप इस अनुभाग में पैटर्न का उपयोग कर सकते हैं, अर्थात्। आप ऐसा निर्माण लिख सकते हैं:

 CACHE MANIFEST NETWORK: *

यह उन सभी फ़ाइलों को डाउनलोड करने की अनुमति देगा जिनके पास सहेजी गई प्रतिलिपि नहीं है। यदि डाउनलोड करने पर कोई प्रतिबंध आवश्यक है, तो आप विशिष्ट फ़ाइलों (उदाहरण के लिए, index.php) और निर्देशिकाओं (उदाहरण के लिए, / चित्र / *) निर्दिष्ट कर सकते हैं।

FALLBACK सेक्शन

यह अनुभाग इंगित करता है कि उन ब्राउज़र को ऑफ़लाइन प्रदर्शित करना चाहिए जो उन पृष्ठों तक पहुंचते हैं जिन्हें कैश नहीं किया गया है। नियम निम्नलिखित सिद्धांत के अनुसार लिखे गए हैं:
_ _
आप रिक्त स्थान और टैब के साथ पथ को अलग कर सकते हैं।
इस अनुभाग के बारे में, निम्नलिखित विशेषताएं मौजूद हैं:

अनुरोधित पृष्ठ को इंगित करने के लिए आप पैटर्न का उपयोग कर सकते हैं। प्रारंभिक उदाहरण में, हमने सभी गैर-कैश की गई फ़ाइलों को प्रदर्शित करने के लिए ऑफ़लाइन.html पृष्ठ सेट किया है:
```
  CACHE MANIFEST FALLBACK: / /offline.html 
```
आप किसी विशिष्ट एक्सटेंशन (उदाहरण के लिए, * .html /offline.html) के साथ विशिष्ट फ़ाइलों या फ़ाइलों के संदर्भ का उपयोग कर सकते हैं, जो बहुत सुविधाजनक है।
प्रदर्शित पृष्ठ स्वचालित रूप से कैश किए जाते हैं और आपको उन्हें CACHE अनुभाग में निर्दिष्ट करने की आवश्यकता नहीं है।

नेटवर्क और नोट नोट्स

तीन बिंदु हैं जिन्हें छोड़ा नहीं जाना चाहिए:

सभी फाइलें जो NETWORK और FALLBACK अनुभागों में निर्दिष्ट नहीं हैं, और जिनके पास एप्लिकेशन कैश रिपॉजिटरी में प्रतियां नहीं बची हैं, उन्हें डाउनलोड नहीं किया जाएगा, भले ही मानक ब्राउज़र कैश में संसाधनों की प्रतियां हों। इसलिए, यदि आप सामान्य पैटर्न (* या /) का उपयोग नहीं करते हैं, तो आवेदन के लिए आवश्यक सभी फाइलों को निर्दिष्ट करने के लिए मत भूलना, अन्यथा आप उनके साथ काम करने में सक्षम नहीं होंगे। यह एक खंड में सामान्य पैटर्न का उपयोग करने के लिए पर्याप्त है।
नेटवर्क और कॉलबैक अनुभाग के नियम CACHE अनुभाग ("स्पष्ट प्रविष्टि") के नियमों को ओवरलैप नहीं करते हैं, अर्थात, जब नेटवर्क के बिना काम करते हैं, तो कैश किया गया डेटा पहले लोड किया जाता है, और उसके बाद ही नीति को इन दो वर्गों में निर्दिष्ट संसाधनों के बारे में परिभाषित किया जाता है। व्यवहार में, यह एप्लिकेशन की संरचना को जटिल बनाता है।
इन अनुभागों के नियम .manifest फ़ाइल की परिभाषा वाले पृष्ठ पर लागू नहीं होते हैं - यह हमेशा स्वचालित रूप से कैश किया जाता है।

आवेदन कैश एपीआई

प्रकट विशेषता को घोषित करते समय, हमारे पास इस window.applicationCache दस्तावेज़ के लिए कैश कंट्रोल ऑब्जेक्ट के साथ काम करने का अवसर है। फ़ंक्शन और इस ऑब्जेक्ट के साथ काम करने के तरीकों का संयोजन एप्लीकेशन कैश एपीआई बनाता है।
इस वस्तु पर विस्तार से विचार करें।

ApplicationCache ऑब्जेक्ट मेथड्स

वस्तु तक पहुंच इस प्रकार है:

 window.applicationCache

अब विधियाँ स्वयं।

 window.applicationCache.status

विधि कैश स्थिति की स्थिति के अनुसार एक संख्यात्मक मान लौटाती है। निम्नलिखित स्थितियां संभव हैं:

UNCACHED - कैश अभी तक इनिशियलाइज़ नहीं हुआ है (संख्यात्मक मान 0);
IDLE - कैश के साथ कोई क्रिया नहीं की जाती है (संख्यात्मक मान 1);
चेकिंग - .manifest फ़ाइल की जाँच की जाती है (संख्यात्मक मान 2);
डाउनलोड - संसाधन उन्हें कैश में डालने के लिए लोड किए गए हैं (संख्यात्मक मान 3);
UPDATEREADY - आवश्यक संसाधनों को लोड किया गया है और स्वैपैप () विधि (संख्यात्मक मान 4) का उपयोग करके उनके आरंभीकरण की आवश्यकता है;
OBSOLETE - वर्तमान कैश को घटाया गया है (संख्यात्मक मान 5)।

इसके अलावा, राज्य स्थिरांक को एप्लिकेशनकेच ऑब्जेक्ट (उदाहरण के लिए, cache.IDLE 1) में परिभाषित किया गया है। इसलिए संख्यात्मक मूल्यों को याद रखने की आवश्यकता नहीं है।

 window.applicationCache.update()

विधि .manifest फ़ाइल की जाँच और आवश्यक संसाधनों के बाद के डाउनलोड की प्रक्रिया शुरू करती है।

 window.applicationCache.swapCache()

विधि पुराने के बजाय नई कैश्ड फ़ाइलों का उपयोग करने के लिए ब्राउज़र को स्विच करती है। पृष्ठ को फिर से लिखना नहीं आता है, केवल अगली बार जब आप कैश्ड फ़ाइलों तक पहुँचते हैं, तो उन्हें अद्यतन कैश से लिया जाता है।
विधि का एक सरल विकल्प पृष्ठ को फिर से लोड करना है, उदाहरण के लिए, location.reload () का उपयोग करके।

ApplicationCache ऑब्जेक्ट ईवेंट

निम्न घटनाएं एप्लिकेशनकेच ऑब्जेक्ट से जुड़ी हैं:

कैश्ड - तब होता है जब भंडारण में पहला कैश बनता है;
जाँच करना - एक .manifest फ़ाइल प्राप्त करने के लिए अनुरोध भेजते समय होता है;
डाउनलोडिंग - तब होता है जब संसाधनों को कैश में लोड किया जाता है;
प्रगति - तब होती है जब प्रत्येक संसाधन को व्यक्तिगत रूप से लोड किया जाता है;
त्रुटि - संसाधन फ़ाइलों या .manifest फ़ाइल तक पहुँचते समय एक त्रुटि आई;
noupdate - पुष्टि करता है कि .manifest फ़ाइल को अद्यतन नहीं किया गया है;
अप्रचलित - तब होता है जब पुष्टि होती है कि भंडारण में कैश पुराना है और हटा दिया जाएगा;
updateready - तब होता है जब अद्यतन कैश का डाउनलोड समाप्त होता है।

विस्तृत आवेदन कैश

सब कुछ अच्छा और तह लगता है, लेकिन यह वास्तविकता में कैसे काम करता है? अब हम इस मुद्दे से निपटेंगे।
विचार करने के लिए पहली चीज अनुप्रयोग कैश की एक व्यावहारिक चरण-दर-चरण योजना है:

जब पहली बार ब्राउज़र प्रकट होने वाले विशेषता को निर्दिष्ट करने वाले दस्तावेज़ को लोड करता है, तो एक अतिरिक्त अनुरोध होता है और .manifest फ़ाइल प्राप्त होती है (जाँच)। पहली यात्रा में, जब इस दस्तावेज़ का कैश अभी तक मौजूद नहीं है, सभी फाइलें .manifest फ़ाइल (डाउनलोडिंग ईवेंट) में निर्दिष्ट नियमों के अनुसार कैश में लोड की जाती हैं। फ़ाइलें मानक ब्राउज़र कैश से डाउनलोड की जा सकती हैं, जो नियमों को बदलते समय प्रभावी है। परिणामस्वरूप, पहला प्रकट कैश डेटा स्टोर बनाया गया है (कैश्ड ईवेंट)।
उसी दस्तावेज़ को फिर से एक्सेस करते समय, इसे कैश से लोड किया जाता है, क्योंकि यह पहले कैश किया गया था (प्रकट विशेषता वाले दस्तावेज़ हमेशा कैश किए गए हैं)। इस समय सर्वर तक पहुँच नहीं है। इस दस्तावेज़ के लिए कैश प्रबंधन ऑब्जेक्ट window.applicationCache, दस्तावेज़ लोड करने के बाद, .manifest फ़ाइल में परिवर्तनों के सत्यापन की शुरुआत करता है और सर्वर (चेकिंग इवेंट) के लिए एक अनुरोध भेजता है। सर्वर परिवर्तन के बारे में प्रतिक्रिया दे रहा है।
यदि .manifest फ़ाइल (noupdate इवेंट) नहीं बदली गई है, तो डाउनलोड पूरा हो गया है और एप्लिकेशन इच्छित दिशा में काम करना जारी रखेगा। कैश्ड फ़ाइलों को प्राप्त करने के लिए सर्वर से कोई अनुरोध नहीं है।
यदि .manifest फ़ाइल बदल गई है, तो दस्तावेज़ का मानक डाउनलोड किया जाता है और कैश की पृष्ठभूमि लोडिंग (डाउनलोडिंग घटना) शुरू होती है। लोड करने के बाद (updateready घटना), पृष्ठ को फिर से नहीं बनाया गया है। अगली बार दस्तावेज़ लोड होने के बाद ही अपडेट किए गए कैश डेटा का उपयोग किया जाएगा।
यदि .manifest फ़ाइल को लोड करते समय कोई त्रुटि हुई या इसमें त्रुटियां हैं, उदाहरण के लिए, एक nonexistent फ़ाइल (त्रुटि ईवेंट) के लिए लिंक, तो संसाधनों की सहेजी गई प्रतियों का उपयोग करके सामान्य मोड में डाउनलोड किया जाता है। इस स्थिति में, कैश प्रभावित नहीं होता है और ब्राउज़र इसका उपयोग नहीं करता है।

कैश अपडेट

अलग से, आपको कैश को अपडेट करने (समाशोधन) पर विचार करने की आवश्यकता है। एप्लिकेशन कैश ऑपरेशन की विस्तृत योजना के विश्लेषण से पता चलता है कि डेटा सर्वर पर परिवर्तन स्वचालित रूप से कैश में इस डेटा को अपडेट नहीं करता है। कैश को निम्न तरीकों से अपडेट किया जा सकता है:

उपयोगकर्ता पुराने कैश में डेटा को मैन्युअल रूप से हटाता है।
यह समझा जाना चाहिए कि एप्लिकेशन कैश और मानक ब्राउज़र कैश एक ही बात नहीं हैं। जैसा कि ऊपर उल्लेख किया गया है, दोनों कैशिंग तंत्र ऑपरेशन एल्गोरिदम, कार्यक्षमता और भंडारण स्थान में भिन्न हैं। मानक कैश को साफ़ करने से, हम एप्लिकेशन कैश को प्रभावित नहीं करेंगे। एप्लिकेशन कैश को साफ करने के लिए, आपको "स्टोरेज" की सफाई के कार्यों का उपयोग करने की आवश्यकता है - आधुनिक ब्राउज़रों में एक नया सेटिंग आइटम।
मोज़िला फ़ायरफ़ॉक्स ब्राउज़र में स्टोरेज को कैसे साफ़ करें - यहाँ पढ़ा जा सकता है - support.mozilla.com/en/kb/okno-nastrojki-panel-dopolnitelnye#w_ahaalaklai-eaulioioi ।
यह ओपेरा में कैसे किया जाता है इसके बारे में - help.opera.com/Windows/11.50/en/storage.html
Google Chrome में कैश साफ़ करने का कोई आसान तरीका नहीं है। ऐसा करने के लिए, chrome: // appcache-internals / control पेज का उपयोग करें।
सफारी में, मानक ब्राउज़र कैश के साथ कैश को साफ़ किया जाता है। मदद देखें
.Manifest फ़ाइल में परिवर्तन करके। कोई भी परिवर्तन सभी कैश संसाधनों को डाउनलोड करने और उसके बाद के अद्यतन को आरंभ करता है। बाद के पृष्ठ पुनः लोड होने के बाद परिवर्तन प्रभावी होंगे। उदाहरण के लिए, यह कुछ टिप्पणी किए गए वर्णों को बदलकर किया जा सकता है (हमने अपने मूल उदाहरण के संस्करण को बदल दिया है):
```
  CACHE MANIFEST #  2 
```
एप्लिकेशन कैश API का उपयोग करके सॉफ़्टवेयर अपडेट। इस विधि की चर्चा नीचे के उदाहरण में की जाएगी।

वास्तविक परियोजनाओं में उपयोग के लिए, केवल अंतिम दो विधियां उपयुक्त हैं, जो कि काफी सुविधाजनक होगी यदि मोज़िला फ़ायरफ़ॉक्स ब्राउज़र के "आक्रामक कैशिंग" के लिए नहीं।

छुपा अद्यतन मुद्दा

मोज़िला फ़ायरफ़ॉक्स ब्राउज़र में एक "अजीब" कैश अपडेट तंत्र है, जिसे "आक्रामक कैशिंग" के रूप में जाना जाता है। जब हम मानक कैशिंग और अनुप्रयोग कैश को जोड़ते हैं, तो समस्या स्वयं प्रकट होती है, और यदि हम पुराने ब्राउज़रों में कैशिंग करना चाहते हैं, तो हमें उन्हें संयोजित करना होगा।
तथ्य यह है कि मोज़िला फ़ायरफ़ॉक्स में एप्लिकेशन कैश को अपडेट करते समय, सर्वर पर परिवर्तनों की जांच के बिना मानक कैश से डेटा भी लिया जाता है। यह इस तथ्य की ओर जाता है कि मानक कैश से पुराना डेटा अपडेट किए गए एप्लिकेशन कैश में मिल सकता है, अर्थात। अद्यतन किया जाएगा, लेकिन कैश में फ़ाइलों के पुराने संस्करण होंगे। यह तथ्य एप्लिकेशन कैश के साथ काम करने के लाभों पर संदेह करता है।
इस स्थिति में कैश को अपडेट करने के सही तरीके हैं:

फ़ाइल नाम परिवर्तन;
2-चरण अद्यतन।

पहले मामले में, हम केवल उन सभी संसाधनों में परिवर्तित फ़ाइल का नाम बदलते हैं जहां यह उल्लेख किया गया है, .manifest फ़ाइल सहित। मूल नाम वाली फ़ाइल मौजूद नहीं होनी चाहिए (!)। नतीजतन, अगली बार जब आप परिवर्तन की जाँच करते हैं, तो कोई भी त्रुटिहीन फ़ाइल लोड करने में त्रुटि होगी, और कैश संसाधनों को सर्वर से डाउनलोड किया जाएगा।
यदि फ़ाइल नाम बदलने का विकल्प एक कारण या किसी अन्य के लिए उपयुक्त नहीं है, तो आपको 2-चरण कैश अपडेट का उपयोग करने की आवश्यकता है।
अद्यतन के पहले चरण में, हम .manifest फ़ाइल के CACHE अनुभाग से संशोधित फ़ाइल को बाहर करते हैं और दी गई फ़ाइल के शीर्ष लेख में समाप्ति तिथि निर्धारित करते हैं:

 header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); header('Cache-Control: no-store, no-cache, must-revalidate'); header('Pragma: no-cache');

परिणामस्वरूप, सक्रिय उपयोगकर्ता इस फ़ाइल को मानक कैश में अपडेट करेंगे, और एप्लिकेशन कैश से हटा दिया जाएगा।
दूसरे चरण में, हम पहले से ही संशोधित फ़ाइल को CACHE अनुभाग में शामिल करते हैं, और यह सफलतापूर्वक कैश किया गया है। दुर्भाग्य से, यह अपडेट केवल सक्रिय उपयोगकर्ताओं को प्रभावित करता है, इसलिए फ़ाइल का नाम बदलने का उपयोग करने का प्रयास करें।

डोमेन बाइंडिंग

एक अन्य महत्वपूर्ण बिंदु जिसका उल्लेख किया जाना चाहिए वह यह है कि कैश डोमेन के लिए बाध्य है, न कि उस पृष्ठ पर जहाँ .manifest फ़ाइल घोषित की गई है। कैश्ड संसाधनों का उपयोग इस डोमेन के सभी पृष्ठों के लिए किया जाएगा, भले ही उनके पास .manifest फ़ाइल का लिंक न हो। यह काफी सुविधाजनक है - आप प्रारंभ पृष्ठ पर कैश्ड संसाधनों को परिभाषित कर सकते हैं, और फिर उन्हें अन्य पृष्ठों पर कैशिंग करने के बारे में चिंता न करें।
यदि हम एक ही डोमेन के विभिन्न पृष्ठों के लिए कई अलग-अलग .manifest फ़ाइलों का उपयोग करते हैं, तो वे ओवरलैप करेंगे। केवल वे संसाधन जिन्हें अंतिम .manifest फ़ाइल में निर्दिष्ट किया गया था, उन्हें कैश में संग्रहीत किया जाएगा।
साथ ही, कई .manifest फ़ाइलों का उपयोग करते समय, आप एक स्थिति बना सकते हैं जहां पृष्ठों को एक-दूसरे को चक्रीय रूप से संग्रहीत किया जा रहा है। ऐसी स्थिति की घटना आवेदन को गैर-परिचालन स्थिति में डालती है। उपरोक्त को देखते हुए, यह ध्यान दिया जाना चाहिए कि एकाधिक .manifest फ़ाइलों का उपयोग करना अव्यावहारिक और जोखिम भरा है, हालांकि यह संभावना मौजूद है।
डोमेन बाइंडिंग से, यह भी अनुसरण करता है कि एप्लिकेशन कैश फ्रेम के डोमेन कैश का उपयोग करके फ़्रेम में चलता है। गेम डेवलपर्स द्वारा इस क्षण की सराहना की जानी चाहिए।

ऑफ़लाइन काम करें

एप्लिकेशन कैश का एक और स्पष्ट लाभ ऑफ़लाइन काम करने की क्षमता है। बस कल्पना करें - क्लाइंट ने अस्थायी रूप से नेटवर्क काम करना बंद कर दिया है, लेकिन वह अभी भी आपके संसाधन के साथ काम कर सकता है।
लेकिन यहां भी, सब कुछ सहज नहीं है। एप्लिकेशन कैश की एक विशेषता को याद करें - वह पृष्ठ जिस पर .manifest फ़ाइल घोषित की जाती है, हमेशा कैश की जाती है। नतीजा यह है कि पेज लोड किया जाएगा, सीएसीएचएच अनुभाग द्वारा निर्देशित किया जाएगा, न कि फालबैक। यही है, अनुप्रयोग व्यवहार करेगा जैसे कि कोई कनेक्शन है। लेकिन यह कैसे निर्धारित करें कि क्या कोई कनेक्शन गायब है?
ऐसा करने के लिए, एचटीएमएल 5 विनिर्देश दो ऑनलाइन और ऑफलाइन घटनाओं को परिभाषित करता है जो क्रमशः कनेक्शन बनाने और डिस्कनेक्ट होने पर उठाए जाते हैं। जैसा कि बोल्क के हैबराइज़र ने सुझाव दिया , ये इवेंट सफारी 6 और क्रोम 21 में काम करते हैं। अन्य ब्राउज़रों में, सबसे अधिक संभावना है कि वे कार्यान्वित नहीं होते हैं।
आप नाविक वस्तु की ऑनलाइन संपत्ति का उपयोग भी कर सकते हैं:

 window.navigator.onLine

अनुपस्थित होने पर कनेक्शन और गलत होने पर यह संपत्ति वापस आ जाती है। यह पता चला है कि जब आप पेज को इनिशियलाइज़ करते हैं, तो आपको इस प्रॉपर्टी को चेक करना होगा और फिर इसके मूल्य के आधार पर काम का निर्माण करना होगा। फिलहाल, नेविगेटर.ऑनलाइन संपत्ति मोज़िला फ़ायरफ़ॉक्स 2, इंटरनेट एक्सप्लोरर 4 और बाद में समर्थित है।
उपयोग का उदाहरण:

 <!DOCTYPE HTML> <html lang="ru" manifest="cache.manifest"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Application Cache Test</title> </head> <body> <style> html {font-family: "DejaVu Sans", "Geneva CY", "Verdana"; background: #FFFFFF; OVERFLOW: hidden; ; border: 0;} body {width: 880px; height: 600px; position: relative; background: #999999; margin: 20px auto; box-shadow: 0 0 15px 10px #999999; -webkit-box-shadow: 0 0 15px 10px #999999; -moz-box-shadow: 0 0 15px 10px #999999;} /*  */ .progressbar {display:none; position:absolute; left:0px; top:0px; width:880px; height:600px; background-color:#333333; z-index:256; border:1px solid #333333;} .progressbar #progresstext {position:absolute; left:0px; top:200px; width:880px; color:#66FF00; text-align:center; font-size:36px; text-shadow:0 0 0.8em #AAFF00, 0 0 0.8em #AAFF00;} .progressbar #progress {position:absolute; left:100px; top:300px; width:600px; height:40px;} /*  */ .flash {position:absolute; left:0px; top:0px; width: 880px; height: 600px; background-color:#666666; z-index:51; border: 1px solid #333333;} </style> <!--   --> <div id="flash" class="flash"></div> <!--   --> <div id="progressbar" class="progressbar"><div id="progresstext"></div><progress id="progress"></progress></div> <script type="text/javascript" src="js/jquery-1.5.min.js"></script> <script type="text/javascript"> //   var progress_value = 0; var progress_max = 1; $(function() { //   if (navigator.onLine) { alert(' '); } else { alert('    '); } //   Application Cache cache = window.applicationCache; if (cache) { //    //   .   . cache.addEventListener('cached', function(e) {ProgressHide();}, false); //   . progress_max -  .    cache.addEventListener('downloading', function(e) {ProgressShow(); progress_max = 3;}, false); //   .    cache.addEventListener('progress', function(e) {ProgressChange();}, false); //  .   .  .  . cache.addEventListener('updateready', function(e) {ProgressHide(); window.applicationCache.swapCache(); location.reload();}, false); } }); //     $(document).keyup(function(event){ //   shift+1     if (event.shiftKey && event.keyCode == 49) { window.applicationCache.update(); } return false; }); //-------------------     ----------------// function ProgressShow() { $("#progressbar").show(300); progress_value = 0; } function ProgressChange() { progress_value++; $("#progress").attr({max: progress_max, value: progress_value}); } function ProgressHide() { $("#progressbar").hide(300); } //-------------------------------------------------------------------------// </script> </body> </html>

अनुप्रयोग कैश का उपयोग करने की सुविधाएँ और चुनौतियाँ

ऊपर वर्णित जानकारी यह समझने के लिए पर्याप्त है कि एप्लिकेशन कैश कैसे काम करता है। आप अवसरों और कठिनाइयों के बारे में पहले निष्कर्ष निकाल सकते हैं।
अनुप्रयोग कैश की सुविधाओं और लाभों में शामिल हैं:

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

एप्लिकेशन कैश का उपयोग करने वाली समस्याओं में शामिल हैं:

लैंडिंग पृष्ठ प्रदर्शित करने के बाद जब आप पहली बार दस्तावेजों को लोड करते हैं, तो कैश्ड दस्तावेजों की पृष्ठभूमि डाउनलोड स्वचालित रूप से शुरू हो जाती है। एक कमजोर चैनल पर, पहले डाउनलोड के बाद एप्लिकेशन के साथ सक्रिय कार्य "दुःस्वप्न" में बदल सकता है। खासकर अगर फ़ाइलों की मात्रा और संख्या बड़ी है।
. , . . .
. , .manifest .
, NETWORK FALLBACK , .
.manifest .
ऑफ़लाइन ऑपरेशन के लिए FALLBACK अनुभाग के नियम CACHE अनुभाग के नियमों को ओवरलैप नहीं करते हैं। व्यवहार में, यह ऑफ़लाइन काम करने के लिए एप्लिकेशन की संरचना की जटिलता की ओर जाता है।
एक .manifest फ़ाइल परिभाषा वाले पृष्ठ को स्वचालित रूप से कैश किया जाता है। क्या इसे आसानी से ऑफ़लाइन मोड में बदलने की अनुमति नहीं देता है।

आपको निम्नलिखित बारीकियों पर भी ध्यान देना चाहिए:

POST अनुरोध द्वारा प्राप्त संसाधनों को कैश नहीं किया जाता है या कैश से नहीं लिया जाता है।
डिफ़ॉल्ट रूप से, कैश्ड डेटा का आकार 50 एमबी तक सीमित है। मोज़िला फ़ायरफ़ॉक्स और गूगल क्रोम के पुराने संस्करणों के लिए, सीमा 5 एमबी है। साथ ही, ओपेरा ब्राउज़र के साथ, सेटिंग्स में संभावित कैश का आकार बढ़ाया जा सकता है।
.Manifest फ़ाइल की एन्कोडिंग कोई भी हो सकती है, लेकिन यदि आप सिरिलिक वर्णों के साथ समस्या नहीं चाहते हैं, तो आपको utf-8 एन्कोडिंग का उपयोग करना चाहिए।
Application Cache . Application Cache Google Chrome 4.0, Mozilla Firefox 3.5, Internet Explorer 10, Opera 10.6, Opera Mobile 11, Safari 4 .
Application Cache «». Application Cache . Mozilla Firefox.
Application Cache , , Cache-Control: no-store.

?

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

मुझे उम्मीद है कि यह लेख आपको एप्लिकेशन कैश की पूरी शक्ति की खोज करने की अनुमति देता है।

एप्लिकेशन कैश एपीआई - नई सुविधाएँ और मुद्दे