cache.manifest पहली बार काम करता है तो

Question

विफल रहता है मैं एक वेब ऐप में एचटीएमएल 5 कैशिंग जोड़ने की कोशिश कर रहा हूं, छवियों/सीएसएस/जेएस के लिए बहुत जटिल नहीं है।

जब मैं संपादन cache.manifest फ़ाइल मैं क्रोम 8 में निम्नलिखित डिबग पाने के बाद पृष्ठ लोड:

Creating Application Cache with manifest http://example.com/themes/zenmobile/cache.manifest 
Application Cache Checking event 
Application Cache Downloading event 
Application Cache Progress event (0 of 26) http://example.com/themes/zenmobile/plugins/img/toolbar.png 
Application Cache Progress event (1 of 26) http://example.com/themes/zenmobile/plugins/img/greenButton.png 
Application Cache Progress event (2 of 26) http://example.com/themes/zenmobile/plugins/jqtouch.transitions.js 
Application Cache Progress event (3 of 26) http://example.com/themes/zenmobile/plugins/img/back_button_clicked.png 
Application Cache Progress event (4 of 26) http://example.com/themes/zenmobile/plugins/img/button.png 
Application Cache Progress event (5 of 26) http://quizible.com/sites/all/modules/jquery_update/replace/jquery.min.js 
Application Cache Progress event (6 of 26) http://example.com/themes/zenmobile/plugins/img/grayButton.png 
Application Cache Progress event (7 of 26) http://example.com/themes/zenmobile/plugins/img/chevron_circle.png 
Application Cache Progress event (8 of 26) http://example.com/themes/zenmobile/plugins/img/on_off.png 
Application Cache Progress event (9 of 26) http://example.com/themes/zenmobile/plugins/jqtouch.js 
Application Cache Progress event (10 of 26) http://example.com/themes/zenmobile/layout.css 
Application Cache Progress event (11 of 26) http://example.com/themes/zenmobile/plugins/img/chevron.png 
Application Cache Progress event (12 of 26) http://example.com/themes/zenmobile/plugins/img/rowhead.png 
Application Cache Progress event (13 of 26) http://example.com/themes/zenmobile/zenmobile.css 
Application Cache Progress event (14 of 26) http://example.com/themes/zenmobile/plugins/img/loading.gif 
Application Cache Progress event (15 of 26) http://example.com/themes/zenmobile/plugins/img/redButton.png 
Application Cache Progress event (16 of 26) http://example.com/themes/zenmobile/plugins/img/activeButton.png 
Application Cache Progress event (17 of 26) http://example.com/themes/zenmobile/images/bg_body.png 
Application Cache Progress event (18 of 26) http://example.com/themes/zenmobile/plugins/theme.css 
Application Cache Progress event (19 of 26) http://example.com/themes/zenmobile/plugins/img/toggle.png 
Application Cache Progress event (20 of 26) http://example.com/themes/zenmobile/plugins/img/whiteButton.png 
Application Cache Progress event (21 of 26) http://example.com/themes/zenmobile/plugins/img/toggleOn.png 
Application Cache Progress event (22 of 26) http://example.com/themes/zenmobile/plugins/jqtouch.css 
Application Cache Progress event (23 of 26) http://example.com/themes/zenmobile/plugins/img/button_clicked.png 
Application Cache Progress event (24 of 26) http://example.com/themes/zenmobile/plugins/img/back_button.png 
Application Cache Progress event (25 of 26) http://example.com/themes/zenmobile/plugins/img/blueButton.png 
Application Cache Progress event (26 of 26) 
Application Cache Cached event 

जब मैं पृष्ठ को फिर से ताज़ा सभी सीएसएस/images/js लोड करने के लिए असफल हो और कंसोल लॉग निसृत:

Document was loaded from Application Cache with manifest http://example.com/themes/zenmobile/cache.manifest 
Application Cache Checking event 
Application Cache NoUpdate event 

तब का भार

इस उत्पादन मैं उपयोगी कुछ भी कोशिश करते हैं और इसे ठीक करने नहीं मिला है के अलावा 'संसाधन लोड करने में विफल'। क्या किसी ने इसे पहले कभी देखा है?

Answer 1

एचटीएमएल 5 प्रकट करने के लिए मुश्किल हैं। यह एक ब्राउज़र में काम करता है यह एक और

1 में काम नहीं हो सकता है) के लिए अपने संसाधनों टैब में देखो जो संसाधन त्रुटि पैदा (फ़ायरबग या वेबकिट)
2) मैं पाया है का उपयोग करते हुए देखने के लिए उस के साथ प्रकट नाम बदलने के प्रत्येक तैनाती यह सुनिश्चित करने में मदद करती है कि ब्राउज़र एक परिवर्तन का पता लगाते हैं।

Answer 2

क्या आप अन्य संसाधन लोड कर रहे हैं जो आपकी मेनिफेस्ट फ़ाइल में नहीं हैं? उन सभी को सूचीबद्ध करने का प्रयास करें और देखें कि क्या आपको समस्या है या नहीं।

Answer 3

एक ही समस्या थी। मैनिफ़ेस्ट फ़ाइल और सभी कैश्ड

Affix: मेरे लिए नीचे यह तय पर इस लाना:

NETWORK: 
* 

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

<html manifest="path/to/cache.manifest?v=42"> 

और

CACHE MANIFEST 
#rev ?v=42 

/css/foo.css?v=42 
/css/bar.css?v=42 
/js/script.js?v=42 

मैं हमारे लिए यह स्वचालित है, तो एक नया तैनाती के साथ मैं सिर्फ संख्या 1 से (में एक सेटिंग फ़ाइल है कि मैंने पढ़ा है कहीं) उठाते हैं और यह है सभी उल्लिखित फाइलों में प्रभावित प्रत्येक ब्राउज़र अनुरोध न केवल प्रकट फ़ाइल परिवर्तन का पता लगाएगा, बल्कि प्रत्येक संसाधन का पुन: लोड (और कैश) भी लोड करेगा, इस प्रकार पूरे एप्लिकेशन को अपडेट करेगा।