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

स्थानीय भंडारण पर शुरुआती स्तर के उदाहरण

1. उपयोगकर्ता प्राथमिकताएँ संग्रहीत करना :

    
    
    



    Choose a theme:
    
        Light
        Dark
        Medium
    
    Save Preference

    

जब उपयोगकर्ता एक थीम चुनता है और "वरीयता सहेजें" बटन दबाता है, तो यह कोड थीम को कंसोल में लॉग करता है। इस लॉग को पढ़ने के लिए, ब्राउज़र के डेवलपर टूल खोलें (आमतौर पर F12 दबाकर या पेज पर राइट-क्लिक करके और "निरीक्षण करें" का चयन करके) और कंसोल टैब पर जाएं। (और पढ़ें)

2. उपयोगकर्ता इनपुट याद रखना :

    
    
    



    
    Save Input

    

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

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

3. शॉपिंग कार्ट दृढ़ता :

    
    
    



    
Shopping Cart
    

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

जब आप "आइटम एक्स को कार्ट में जोड़ें" बटनों में से एक पर क्लिक करते हैं, तो उपयुक्त आइटम शॉपिंग कार्ट में जुड़ जाता है, और अद्यतन कार्ट सामग्री कंसोल में प्रदर्शित होती है। इन लॉग का निरीक्षण करने के लिए, ब्राउज़र के डेवलपर टूल खोलें (आमतौर पर F12 दबाकर या पेज पर राइट-क्लिक करके और "निरीक्षण करें" का चयन करके) और कंसोल टैब पर जाएं।

आप ब्राउज़र के डेवलपर टूल के माध्यम से सीधे स्थानीय भंडारण भी देख सकते हैं। अधिकांश ब्राउज़र आपको पृष्ठ पर राइट-क्लिक करके, डेवलपर टूल प्राप्त करने के लिए "निरीक्षण" का चयन करके और फिर "एप्लिकेशन" या "स्टोरेज" टैब पर नेविगेट करके ऐसा करने की अनुमति देते हैं। वहां से, वेबसाइट के कुंजी-मूल्य जोड़े देखने के लिए "स्थानीय संग्रहण" अनुभाग का विस्तार करें। इस उदाहरण में, कुंजी "कार्ट" में सहेजे गए कार्ट आइटम का प्रतिनिधित्व करने वाली JSON स्ट्रिंग शामिल है।
पूरा लेख पढ़ें - वेब विकास में स्थानीय भंडारण में महारत हासिल करना: 8 व्यावहारिक उदाहरण, नौसिखिए से विशेषज्ञ तक!

Json सीखें- यहां क्लिक करें