सभ्य एचटीएमएल 5 ऑफ़लाइन स्टोरेज और कैशिंग उदाहरण

Question

मैं HTML ऑफ़लाइन स्टोरेज और एचटीएमएल 5 की ऑफ़लाइन वेब एप्लिकेशन क्षमताओं को दिखाने के लिए प्रोटोटाइप विकसित करने के दृष्टिकोण के साथ कैशिंग को जांचने के लिए उत्सुक हूं।

मैं कुछ वेबकिट विशेष नमूने मिल गया है, लेकिन मुझे लगता है कि यहां तक ​​कि Firefox 3.6

में बिल्कुल काम किसी नमूने के लिए किसी भी सभ्य कोड नमूने को खोजने के लिए जूझ रहा हूँ, मैं कुछ है कि काम करता है के साथ खुशी होगी निम्नलिखित के साथ:

• हमारी कंपनी व्यापक रूप से jquery का उपयोग करती है, इसलिए मैं उस पुस्तकालय या शुद्ध जावास्क्रिप्ट का उपयोग करने वाले नमूने पसंद करूंगा।
• यह चाहिए कम से कम फ़ायरफ़ॉक्स पर काम (3.6+ ठीक है)

किसी को भी कुछ लिंक है कि कुछ मार्गदर्शन और कोड नमूने प्रदान करने के लिए मुझे बात कर सकते हैं?

Answer 1

http://hacks.mozilla.org/?s=localStorage

फ़ायरफ़ॉक्स SQL ​​डेटाबेस एपीआई का समर्थन नहीं करता, कि अगर आप के लिए क्या देख रहे हैं देखें।

Answer 2

मैं CSS Ninja के Font Dragr demonstration पर देखने की अनुशंसा करता हूं, हालांकि मुख्य रूप से फ़ायरफ़ॉक्स का उपयोग करके HTML5 के लिए फ़ाइल एपीआई प्रदर्शित करने के लिए डिज़ाइन किया गया है, यह ऑफ़लाइन संग्रहण का भी उपयोग करता है।

यदि कुछ और नहीं है, तो यह आदमी अपनी सामग्री जानता है और अच्छे उदाहरण सुझा सकता है।

Answer 3

मुझे हाल ही में एचटीएमएल 5 डेमो के इस सुंदर पृष्ठ को मिला है, इसलिए मैंने सोचा कि मैं इसे यहां वापस पोस्ट करूंगा।

html5demos.com

संपादित करें - एक और लिंक मदद मिल सकती है:

गूगल क्रोम विकास दल से HTML5Rocks, सुविधा और एचटीएमएल 5 का शानदार नई सुविधाओं पर वेबमास्टर्स शिक्षित करने के लिए एक साइट आता है।

www.html5rocks.com

# 2 संपादित करें - यह सबसे अच्छा लेख मैं अभी तक का सामना करना पड़ा में से एक है:

wrapping things nicely with html5 local storage

Answer 4

मैं इस उदाहरण मिल गया है, यह सबसे सरल/सबसे अच्छी बात है मैंने स्थानीय भंडारण के साथ देखा है। यह केवल स्थानीय (लगातार) भंडारण का प्रदर्शन करता है, डेटाबेस भंडारण नहीं। इसके अलावा, अगर आप सत्र भंडारण चाहते हैं, बस sessionStorage करने के लिए "localStorage" "

बदल जावास्क्रिप्ट किसी भी सरल मुझे लगता है कि नहीं हो सकता।

w3.org example

और हाँ, यह (एफएफ के साथ ठीक काम करता है पर मेरे लिए कम से कम।)

Answer 5

ऑफ़लाइन स्टोरेज को जानना अब सभी प्रमुख ब्राउज़रों द्वारा समर्थित है, मैंने फॉर्म स्थिति को संभालने के लिए एक jQuery प्लगइन डाला है। http://www.jasonsebring.com/dumbFormState और स्रोत समझने में छोटा और आसान है। https://github.com/douglascrockford/JSON-js जावास्क्रिप्ट में एक वस्तु लेने के लिए और यह JSON स्ट्रिंग में बदलने के लिए:

मैं दृष्टिकोण क्रमबद्धता करने के लिए डगलस Crockford के JSON2.stringify का उपयोग करें। तो फिर आप आसानी से या तो window.sessionStorage या window.localStorage है कि बचा सकता है इसलिए जैसे:

// सेटिंग डेटा

window.sessionStorage [ 'MyData'] = JSON.stringify (someObject);

// इसे वापस हो रही

someObject = jQuery.parseJSON (window.sessionStorage [ 'MyData']);

आपके बारे में सोचने की एक और चीज आपकी चाबियों को नाम दे रही है। मैं जो कर रहा था, उसके लिए मैं इसे स्वचालित रूप से चाहता था इसलिए 'dumbFormState-' + window.location.pathname + '-' + फॉर्म इंडेक्स यह सुनिश्चित करने के लिए कि कुंजी स्वचालित रूप से अनूठी थी, फिर आप उन्हें बाद में लूप कर सकते थे उपसर्ग 'dumbFormState-' को चेक करके उन्हें हटाएं क्योंकि आप उन कुंजियों से मेल खाते हैं क्योंकि आप वहां पर किसी अन्य सामान को मिटाना नहीं चाहते हैं।

उम्मीद है कि थोड़ा सा मदद करता है।