इस पोस्ट में मैं HTML5 ब्राउज़रों में विभिन्न स्टोरेज तकनीकों की व्याख्या करूंगा, ताकि इसके लिए उपलब्ध मानक तकनीकों के साथ ऑफ़लाइन काम करने में सक्षम वेब एप्लिकेशन तैयार किया जा सके।
सत्रभंडारण#
यह एक ऑब्जेक्ट है जो वर्तमान डोमेन में वर्तमान टैब में जानकारी संग्रहीत करता है। लेकिन यह तब जीवित रहता है जब पृष्ठ ताज़ा होता है या जब टैब पुनर्स्थापित होता है। एक नई टैब विंडो एक नया SessionStorage बनाएगी।
// Almacena la información en sessionStorage
sessionStorage.setItem('key', 'value');
// Obtiene la informacion almacenada desde sessionStorage
var data = sessionStorage.getItem('key');लोकलस्टोरेज#
प्रति डोमेन दीर्घकालिक संग्रहण तक पहुंच प्रदान करता है।
// Almacena la información en localStorage
localStorage.setItem('key', 'value');
// Obtiene la informacion almacenada desde localStorage
var data = localStorage.getItem('key');अनुप्रयोग कैश (AppCache)#
यह वेब अनुप्रयोगों को कैशिंग करने के लिए उनके साथ ऑफ़लाइन काम करने में सक्षम होने के लिए एक तंत्र है। एक मैनिफेस्ट फ़ाइल के माध्यम से हम निर्दिष्ट कर सकते हैं कि कौन से संसाधन ऑफ़लाइन उपलब्ध होंगे। यह सर्वर पर लोड को भी कम करता है और ब्राउज़िंग को गति देता है।
संदर्भ#
https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache https://html.spec.whatwg.org/multipage/browsers.html#appcache
अनुक्रमित डीबी#
IndexedDB संरचित डेटा की एक महत्वपूर्ण मात्रा के क्लाइंट-साइड स्टोरेज के लिए एक API है। sessionStorage, LocalStorage, या globalStorage से अधिक
निष्कर्ष#
यह भारी मात्रा में डेटा के लिए सही तकनीक है
और जानो#
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
फ़ाइल एपीआई#
यह हमें फ़ाइल संरचना के साथ काम करने, उन्हें सहेजने और उन्हें डिस्क पर ही पढ़ने की अनुमति देता है। यह उन परिस्थितियों के लिए उपयोगी हो सकता है जैसे कि यदि हम ऑफ़लाइन रहते हुए अपने ऐप में किसी फ़ाइल के अपलोड का अनुकरण करना चाहते हैं, तो हम इसे डिस्क पर सहेज सकते हैं और बाद में इसे सिंक्रनाइज़ कर सकते हैं, लेकिन पृष्ठ को लोड करने के लिए, जैसा कि हम जानते हैं, डिस्क लेखन की उच्च लागत होती है, जिससे हमें बचने की कोशिश करनी चाहिए।
IE और Chrome दोनों में इसका उपयोग करने के लिए उपयोगकर्ता की अनुमति की आवश्यकता होती है। भंडारण सीमा मुक्त डिस्क स्थान पर है।
अधिक जानकारी और उदाहरण#
http://www.html5rocks.com/es/tutorials/file/filesystem/
भंडारण उपलब्ध है#
BrowserssessionStoragelocalStorageFileAPIApplication कैश (AppCache)अनुक्रमित DbInternet Explorer 114864 k4864 klimited नहीं500MB/असीमित (उपयोगकर्ता से पूछना)250 MB(प्रति उपयोगकर्ता 1GB तक कॉन्फ़िगर करने योग्य)Google Chrome 445101 k5101 kसीमित नहींअसीमित *1300 एमबी (कम से कम)Microsoft Edge 1.04864 k4864 klimited नहीं500MB/असीमित (उपयोगकर्ता से पूछना)250 MB(उपयोगकर्ता द्वारा 1gb तक कॉन्फ़िगर करने योग्य)फ़ायरफ़ॉक्स 405120 k5120 klimited नहीं250MB ‘3कोई सीमा नहीं (उपयोगकर्ता अनुमति) ब्लॉब्स >50 एमबी) इकाइयाँ स्थानीय रूप से उपयोग किए जाने वाले वर्णों (बाइट्स) की संख्या हैं Test और sessionStorage: http://dev-test.nemikor.com/web-storage/support-test/
ब्राउज़र संगतता#
फ़ीचरक्रोमफ़ायरफ़ॉक्स (गेको)इंटरनेट एक्सप्लोररओपेरासफारी (वेबकिट)लोकस्टोरेज43.5810.504सत्रस्टोरेज52810.504एप्लिकेशन कैश4.03.510.010.64.0इंडेक्स्टेडडीबी2310IE10157.1फ़ाइलएपीआई313110257.1
- http://caniuse.com/#feat=fileapi
- http://caniuse.com/#feat=localStorage
- http://caniuse.com/#feat=sessionStorage
- http://caniuse.com/#feat=appcache
- http://caniuse.com/#feat=IndexedDb
इस मामले में हमने डेस्कटॉप ब्राउज़रों पर ध्यान केंद्रित किया है, लेकिन ऊपर दी गई वेबसाइटों पर हम मोबाइल ब्राउज़रों के बारे में जानकारी प्राप्त कर सकते हैं
उदाहरण#
यहां हम इन तकनीकों के कुछ उदाहरण एक साथ देख सकते हैं
और जानो#
कोई मानक /#
ग्लोबलस्टोरेज#
यह एक वैश्विक ऑब्जेक्ट है जो कई निजी भंडारण क्षेत्रों को बनाए रखता है जिनका उपयोग लंबे समय तक डेटा संग्रहीत करने के लिए किया जा सकता है।
वेबएसक्यूएल#
यह IndexedDB के समान तकनीक है, लेकिन 18 नवंबर, 2010 को इसे बहिष्कृत कर दिया गया थाhttp://www.w3.org/TR/webdatabase/
userDataBehavior#
इसने बहुत सीमित भंडारण की अनुमति दी, केवल IE के साथ संगत है और IE10 से बहिष्कृत है
अगली बार तक !
