ऐसे एप्लिकेशन बनाने के लिए जो पूरी तरह से ऑफ़लाइन काम कर सकते हैं, हमें निम्नलिखित तकनीकों से परिचित होना चाहिए: HTML5 एप्लीकेशन कैश, वेब स्टोरेज और वेबक्यूएल।
मैंने पहले ही वेब स्टोरेज और एचटीएमएल 5 एप्लीकेशन कैश के बारे में परिचयात्मक लेख प्रकाशित किए हैं। मैं उन्हें पढ़ने की सलाह देता हूं यदि आप मूल अवधारणाओं से परिचित नहीं हैं। यह आलेख इन तकनीकों को संशोधित करेगा, जिसमें WebSQL शामिल है, और उनके संयुक्त प्रभावी उपयोग के लिए विकल्पों का वर्णन करेगा। ये सभी प्रौद्योगिकियाँ ब्राउज़र के डेस्कटॉप संस्करण ओपेरा 11.10, ओपेरा मोबाइल 11, वेबकीट इंजन के ब्राउज़र (iOS और Google Android में) द्वारा समर्थित हैं।

नोट: नीचे वर्णित सभी उदाहरण इस संग्रह में उपलब्ध हैं। आप लेख को पढ़ते समय (स्वाभाविक रूप से, ऑफ़लाइन) पढ़कर संग्रह डाउनलोड कर सकते हैं और उदाहरण देख सकते हैं।

हमें "ऑफ़लाइन मोड" की आवश्यकता क्यों है?

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

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

नेटवर्क कनेक्टिविटी खोने के कई कारण हैं: सेल फोन का उपयोग करते समय एक पावर आउटेज, नेटवर्क उपकरण के साथ समस्याएं, या एक लापता (या कमजोर) संकेत। डेवलपर्स के रूप में, हम यह सुनिश्चित करना चाहते हैं कि ऐसी स्थितियों में भी, हमारे वेब एप्लिकेशन सही तरीके से (कम से कम उचित सीमा के भीतर) काम करेंगे।

कैश: बूट और एक नेटवर्क की अनुपस्थिति में

सामान्य तौर पर, यदि हम ऑनलाइन नहीं हैं, तो साइट के पृष्ठों को लोड या पुनः लोड करते समय हमें एक त्रुटि मिलेगी। पहली बात यह सुनिश्चित करना है कि हमारे उपयोगकर्ता पृष्ठों को देख सकते हैं और बिना किसी कनेक्शन के भी वेब अनुप्रयोग के साथ काम कर सकते हैं, अर्थात्। सभी चित्र, CSS, जावास्क्रिप्ट और HTML पेज को स्वयं इस मोड में सही ढंग से लोड होना चाहिए।
यह एप्लिकेशन कैश तकनीक (जिसे एप कैश भी कहा जाता है) का उपयोग करके प्राप्त किया जाता है। इसका उपयोग करने के लिए, आपको सबसे पहले एक घोषणा-फ़ाइल घोषित करने की आवश्यकता है जिसमें उन फ़ाइलों के नाम इंगित करने के लिए जिन्हें एप्लिकेशन को ऑफ़लाइन काम करने की आवश्यकता है।
उदाहरण Demo.manifest फ़ाइल:

CACHE MANIFEST CACHE: logo.png style.css script.js jquery.js index.htm

इस मैनिफ़ेस्ट फ़ाइल में जो भी लिंक होते हैं, संबंधित सामग्री को कैश किया जाता है, और बाद में इस सामग्री तक पहुंच पहले से ही उपलब्ध होगी। एक घोषणा फ़ाइल घोषित करना बहुत सरल है - आपको <html> तत्व की प्रकट विशेषता का उपयोग करने की आवश्यकता है:

 <html manifest="demo.manifest">

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

डेटा के बारे में क्या?

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

वेब संग्रहण का उपयोग करना

वेब संग्रहण विशाल डेटा तालिकाओं की तुलना में छोटी मात्रा में जानकारी संग्रहीत करने के लिए एकदम सही है, जिसे हम इस लेख में संक्षेप में चर्चा करेंगे और उदाहरणों पर विचार करेंगे। अधिक जानकारी के लिए, वेब संग्रहण के बारे में एक अलग लेख देखें।
ऐसे कई स्थान हैं जहां लगातार बिजली चोरी एक सामान्य घटना है (अनुवादक से "चुबसे, हैलो! :)")। उपयोगकर्ता को तब तक बैठना और इंतजार करना होगा जब तक वह इंटरनेट पर काम करना जारी रख सकता है जब तक कि वे बिजली चालू नहीं करते हैं। और कल्पना करें कि अगर कोई समान स्थिति में है, तो किसी भी साइट पर एक बहु-पृष्ठ फ़ॉर्म को भरना, एक ब्लॉग या महत्वपूर्ण ईमेल के लिए एक बड़ा लेख टाइप करना। पावर आउटेज (या बैटरी रन आउट) के दौरान, उपयोगकर्ता यह सारा डेटा खो देगा। क्या यह बेहतर नहीं होगा यदि, नेटवर्क में प्रवेश करने के बाद, उसके पास उन सभी रिकॉर्डों तक पहुंच होगी, जिन्हें उसने सहेजा नहीं है, जिसके साथ वह काम करना जारी रखेगा?
आइए देखें कि एक ऐसे पृष्ठ पर क्या किया जा सकता है जिसमें एक सादा <textarea> पाठ क्षेत्र है? पृष्ठ को वह सब कुछ सहेजना चाहिए जो हम हर कुछ सेकंड में स्थानीय भंडारण में टाइप करते हैं, और यदि वह फिर से लोड या बंद हो जाता है, तो पृष्ठ को फ़ील्ड में संग्रहीत अंतिम पाठ को लोड करना चाहिए।
मान लें कि हमारे पृष्ठ में एक <textarea> फ़ील्ड है जिसमें id "ड्राफ्ट" है:

 ... <textarea id="draft" rows="10" cols="30"></textarea> ...

हम एक साधारण फ़ंक्शन लिखेंगे जो स्थानीय संग्रहण में <textarea> की सामग्री को बचाएगा:

 function saveMessage(){ var message = document.getElementById("draft"); localStorage.setItem("message", message.value) }

आधा सेकंड में सहेजें अंतराल सेट करें:

 setInterval(saveMessage, 500);

नोट: यहां हमने सादगी के लिए setInterval () का उपयोग किया है, जिससे संदेश को हर आधे सेकंड में स्थानीय संग्रहण में सहेजा जा सके। (आप इस प्रक्रिया में सुधार कर सकते हैं, उदाहरण के लिए, केवल एक पाठ क्षेत्र की सामग्री को सहेजना अगर उपयोगकर्ता इसमें कुछ दर्ज करता है)।

आपको यह भी सुनिश्चित करने की आवश्यकता है कि हर बार जब पृष्ठ खुलता है या फिर से लोड होता है, तो स्थानीय भंडारण ( लोकलस्टोरेज ) से अंतिम सहेजी गई सामग्री को टेक्स्ट बॉक्स में लोड किया जाता है:

 window.addEventListener("DOMContentLoaded", loadMessage, false); function loadMessage() { var textbox = document.getElementById("draft"); var message = localStorage.getItem("message"); if (!message) { textbox.value = ""; }else { textbox.value = message; } }

वेब स्टोरेज के साथ काम करने का एक उदाहरण देखें। यह आम तौर पर ठाठ है
वास्तविक बात यह है कि अगर आपको स्थानीय रूप से जानकारी के छोटे टुकड़ों को सहेजने की आवश्यकता है।

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

ऑफ़लाइन जाने के लिए, आपको इसे सक्रिय करने की आवश्यकता है (ओपेरा ब्राउज़र में: "मेनू" → "सेटिंग" → "ऑफ़लाइन काम करें" या "फ़ाइल" → "कार्य ऑफ़लाइन")। यदि ब्राउज़र ऑफ़लाइन है, तो navigator.onLine गुण गलत है, अन्यथा यह सत्य है । हालांकि, कई मामलों में घटनाओं का उपयोग करना बेहतर होगा। जब उपयोगकर्ता ऑफ़लाइन मोड में स्विच करता है, तो ऑफ़लाइन ईवेंट चालू हो जाता है, जब वह ऑनलाइन स्विच करता है - क्रमशः ऑनलाइन । ऑफ़लाइन जाने के बारे में एक छोटा संदेश प्रदर्शित करने के लिए आप इसका उपयोग कर सकते हैं।
आपको ऐसा कुछ मिलता है:

 ... window.addEventListener( "offline", function(){showWarningDiv("on")}, false); window.addEventListener( "online", function(){showWarningDiv("off")}, false); ... function showWarningDiv(status){ var warningdiv = document.getElementById("warning"); if (status == "on"){ warningdiv.innerHTML = "<p style=\"padding:3px;\">Right now you are in offline mode. This message is saved and will be sent to the server the next time you are online.</p>"; } else { warningdiv.innerHTML = ""; } }

नोट: वर्तमान में, ऑफ़लाइन समर्थन केवल ओपेरा और फ़ायरफ़ॉक्स में उपलब्ध है।

यह सुनिश्चित करने के लिए कि उपयोगकर्ता ऑफ़लाइन काम कर रहे हैं, डेटा भेजने की कोशिश नहीं कर रहे हैं। इसे जाँचने के लिए, हम यह कर सकते हैं:

 ... window.addEventListener( "submit", submitForm, false); ... function submitForm(){ saveMessage(); if (!navigator.onLine){ return false; } }

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

WebSQL: अभी भी ऑफ़लाइन "ठूंठ"

वेब स्टोरेज छोटी मात्रा में सूचनाओं को संग्रहीत करने के लिए बहुत अच्छा है, लेकिन क्या होगा अगर हम एक पूरे डेटाबेस को स्टोर करना चाहते हैं? कैसे एक वेब अनुप्रयोग विभिन्न डेटाबेस प्रश्नों को बनाने में सक्षम है, इसके माध्यम से खोज करें?
यहां वेब स्टोरेज अब आपको तैनात करने की अनुमति नहीं देगा - आपको कुछ और विश्वसनीय चाहिए। अर्थात् - WebSQL। WebSQL एक स्थानीय SQLite डेटाबेस है जिसमें आप जावास्क्रिप्ट और SQL के संयोजन का उपयोग करके अपने डेटा को स्टोर कर सकते हैं।

WebSQL डेटाबेस के साथ काम करना

पहली चीजें पहले, सुनिश्चित करें कि ब्राउज़र WebSQL का समर्थन करता है? यह window.openDatabase property के माध्यम से किया जा सकता है:

 if (window.openDatabase){ //rest of your code } else{ alert("It seems your browser does not have support for WebSQL. Please use a browser which does, otherwise parts of this application may not run as intended."); //or any other similar message }

डेटाबेस बनाना और खोलना

आप एक डेटाबेस बना सकते हैं और ओपनडेटाबेस कमांड का उपयोग करके खोल सकते हैं, जो निम्नानुसार है:

 var db = openDatabase("food_db", "1.0", "Web SQL Storage Demo Database", 1*1024*1024); // creates a database called 'food_db' with version number 1.0, description as 'Web SQL Demo Database' and a size of 1MB.

हमने "वेब SQL स्टोरेज डेमो डेटाबेस" के विवरण के साथ, "संस्करण" 1.0 का एक food_db डेटाबेस बनाया, आकार में 1 एमबी। Db वैरिएबल एक डेटाबेस ऑब्जेक्ट का एक पॉइंटर है, जिसका हम उपयोग करना जारी रखेंगे।

नोट: डेटाबेस का आकार बाइट्स में सेट किया गया है। इसलिए, हमने 1 * 1024 * 1024 प्रारूप में आकार निर्धारित किया है, जो कि 1 एमबी है। यदि आपको आकार सेट करने की आवश्यकता है, उदाहरण के लिए, 4 एमबी, तो आपको क्रमशः 4 * 1024 * 1024 का मान निर्दिष्ट करना चाहिए।

डेटाबेस के साथ काम करें

हमने एक डेटाबेस बनाया और खोला है। अब आप SQL कमांड का उपयोग करके इस पर विभिन्न ऑपरेशन कर सकते हैं। हम डेटाबेस ऑब्जेक्ट (हमारे मामले में, यह डीबी है ) के लेनदेन () फ़ंक्शन को कॉल करके संचालन करेंगे। उसका कॉल एक ऑब्जेक्ट को एक पॉइंटर के रूप में देता है, जिस पर हम executeSQL () का उपयोग करके विभिन्न कमांड निष्पादित करेंगे। इस कमांड का सिंटैक्स इस प्रकार है:

 executeSql(sqlStatement, arguments, callback, errorCallback);

मापदंडों में से, केवल sqlStatement की आवश्यकता है, बाकी वैकल्पिक हैं।
इसलिए, उदाहरण के लिए, यदि हम एक तालिका बनाना चाहते हैं, तो हमें निम्नलिखित लिखना होगा:

 ... db.transaction( function(t){ // This is the callback with "t" as the transaction object t.executeSql("CREATE TABLE IF NOT EXISTS cal_list (food_name TEXT PRIMARY KEY, calories REAL, servings TEXT)"); } ); ...

यह कोड फ़ील्ड food_name , कैलोरी और सर्विंग के साथ एक टेबल cal_list (यदि यह मौजूद नहीं था) बनाएगा ।

एक तालिका में रिकॉर्ड जोड़ना

किसी तालिका में रिकॉर्ड जोड़ने के लिए प्रश्नों को पूरा करना WebSQL के लिए एक सरल कार्य है। एक उदाहरण पर विचार करें:

 var food_name = "pizza"; var amount_of_calories = 320; var serving_size = "one slice"; db.transaction( function(t){ t.executeSql("INSERT INTO cal_list VALUES (?, ?, ?)", [food_name, amount_of_calories, serving_size]); } );

पहला प्रश्न चिह्न food_name पैरामीटर द्वारा बच जाता है, दूसरा amount_of_calories द्वारा, और तीसरा सेवारत_करने से बच जाता है । यह कोड मूल्यों के साथ cal_list तालिका में एक प्रविष्टि जोड़ता है: पिज्जा , 320 और एक टुकड़ा इसी कॉलम।
चलो एक और अनुरोध निष्पादित करते हैं - डेटा प्राप्त करने के लिए:

 var min_cal_amount = 300; ... t.executeSql("SELECT * FROM cal_list WHERE calories > ?", [min_cal_amount]);

यह कोड 300 से अधिक कैलोरी मान वाले सभी पंक्तियों का चयन करने के लिए एक क्वेरी निष्पादित करेगा: प्रश्न चिह्न min_cal_amount चर से बच जाता है।

क्वेरी परिणाम संसाधित करना

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

 var list = document.getElementById("thelist"); var food; var min_cal_amount = 400; var serving_size; db.transaction( function(t){ t.executeSql("SELECT food_name AS food, calories AS amount_of_calories, servings as serving_size FROM cal_list where calories > ?" ,[min_cal_amount], function(t,r){ for (var i=0; i < r.rows.length; i++){ food = r.rows.item(i).food; amount_of_calories = r.rows.item(i).amount_of_calories; serving_size = r.rows.item(i).serving_size; list.innerHTML +="<li>"+food+" has "+amount_of_calories+" KCAL worth of calories.</li>"; } }, function(t,e) {alert(e.message);}) } );

सबसे पहले, हम r.rows.length के माध्यम से अनुरोध के परिणामस्वरूप तत्वों की संख्या निर्धारित करते हैं और 0 से इस मूल्य पर जाते हैं। प्रत्येक आइटम r.rows.item (i) द्वारा पहुंच योग्य है, जहां मैं लाइन नंबर है। कॉलम नाम उसी तरह से प्राप्त किए जा सकते हैं। खाद्य स्तंभ का मान प्राप्त करने के लिए, r.rows.item (i) .food, और अन्य स्तंभों का उपयोग करें।

हम सब कुछ एक ही बार में उपयोग करते हैं

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

नोट: आप स्वतंत्र रूप से जानकारी प्राप्त कर सकते हैं कि ओपेरा में कौन से डेटाबेस का उपयोग किया जाता है और ओपेरा पर क्लिक करके उन्हें प्रबंधित करें : वेबडेटा लिंक । और उन डोमेन के बारे में जानकारी प्राप्त करें जो वेब स्टोरेज का उपयोग करके अपने डेटा को एक ब्राउज़र में स्टोर करते हैं, और उन्हें ओपेरा: वेबस्टोर लिंक पर क्लिक करके प्रबंधित करते हैं।

प्रतीक्षा करें ... क्या WebSQL विनिर्देश स्वीकृत हैं?

अभी तक फाइनल नहीं हुआ है। लेकिन आप पहले से ही ब्राउज़रों और उपकरणों की सूची पर इस तकनीक को लागू कर सकते हैं। IndexedDB के बारे में क्या नहीं कहा जा सकता है, जिसमें इस तरह के क्रॉस-प्लेटफ़ॉर्म समर्थन नहीं है। यह केवल विनिर्देश के अनुमोदन की प्रतीक्षा करने के लिए बनी हुई है, जो जल्द ही होगा।
यह भी ध्यान रखना महत्वपूर्ण है कि ब्राउज़र के कुछ डेस्कटॉप संस्करण, जैसे फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर, WebSQL का समर्थन नहीं करेंगे, वे IndexbDB के साथ काम करेंगे। इस मामले में, पहले जहां आप WebSQL का उपयोग कर सकते हैं, स्मार्टफ़ोन के लिए ऑफ़लाइन डेटा संग्रहण है: ओपेरा मोबाइल 11 ब्राउज़र समर्थित हैं, साथ ही एंड्रॉइड और आईओएस प्लेटफार्मों के लिए वेबकिट ब्राउज़र भी हैं।
WebSQL के बारे में अच्छी खबर यह है कि यह एक ब्राउज़र में एक स्टैंडअलोन डेटाबेस बनाने के लिए एक उपयोगी उपकरण प्रदान करता है। यह सीखना और उपयोग करना आसान है और आपको एक स्टैंड-अलोन वेब एप्लिकेशन को जल्दी से विकसित करने की अनुमति देता है जो तुरंत कई ब्राउज़रों में काम करेगा।

निष्कर्ष

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

तकनीक होनहार है। और, हमेशा की तरह, वहाँ दौड़ होगी ... WebSQL और IndexedDB, जिनमें से उल्लेख पहले से ही हब पर थे क्या वे दुनिया को एक बेहतर जगह बना सकते हैं :)

पीएस अनुवाद पर सभी टिप्पणियां, हमेशा की तरह, पीएम में स्वीकार की जाती हैं।
pps कहीं मैं जाहिरा तौर पर "वेब स्टोरेज" से "लोकल स्टोरेज" में आसानी से चला गया। कुछ छोड़ने के लिए बेहतर क्या है? ;)

"मूविंग" ऑफलाइन: वेब स्टोरेज, एप्लिकेशन कैश और वेबक्यूएल