2010-01-28 17 views

उत्तर

43

उसके अलावा और भी आसान:

पढ़ने के लिए:

var myStoredValue = localStorage["TheKeyToMyStoredValue"]; 

लिखने के लिए:

localStorage["TheKeyToMyStoredValue"] = myNewValueToStore; 

से छुटकारा पाने के:

delete localStorage["TheKeyToMyStoredValue"]; 
+2

उत्तर दिया आप सर स्तर 99 ड्रूइड और संत हैं। – EbilGenius

+0

यह बहुत अच्छा जवाब रहा है जो मैंने बहुत लंबे समय में पढ़ा है। – whizzzkid

+0

महान उत्तर। बस ध्यान दें कि यह सामग्री स्क्रिप्ट के साथ काम नहीं करेगा। जब तक मुझे यह नहीं मिला तब तक मैं उलझन में था (http://stackoverflow.com/a/15466494/4926817) –

21

हां, यह है। ऐसा करने के तरीके की पूरी यात्रा पर जाकर शायद उचित स्टैक ओवरफ्लो उत्तर की लंबाई से अधिक हो जाएगा, इसलिए मैं आपको this very extensive tutorial राजदीप दुआ द्वारा संदर्भित करूंगा।

प्रासंगिक कोड इस तरह दिखेगा:

// Store item in local storage: 
    function setItem(key, value) { 
    try { 
     log("Storing [" + key + ":" + value + "]"); 
     window.localStorage.removeItem(key);  // <-- Local storage! 
     window.localStorage.setItem(key, value); // <-- Local storage! 
    } catch(e) { 
     log("Error inside setItem"); 
     log(e); 
    } 
    log("Return from setItem" + key + ":" + value); 
    } 

    // Gets item from local storage with specified key. 
    function getItem(key) { 
    var value; 
    log('Retrieving key [' + key + ']'); 
    try { 
     value = window.localStorage.getItem(key); // <-- Local storage! 
    }catch(e) { 
     log("Error inside getItem() for key:" + key); 
     log(e); 
     value = "null"; 
    } 
    log("Returning value: " + value); 
    return value; 
    } 

    // Clears all key/value pairs in local storage. 
    function clearStrg() { 
    log('about to clear local storage'); 
    window.localStorage.clear(); // <-- Local storage! 
    log('cleared'); 
    } 

    function log(txt) { 
    if(logging) { 
     console.log(txt); 
    } 
    } 
+1

ट्यूटोरियल का लिंक टूटा हुआ है, लेकिन उदाहरण अभी भी मौजूद है। ट्यूटोरियल का उदाहरण यहां दिया गया है https://chrome.google.com/webstore/detail/hmbpgbeiphknbkjjfppodijapijlpkkc –

+0

यह एपीआई एक बहुत अच्छी नौकरी भी करता है: https://developer.chrome.com/extensions/storage.html यह आपको डेटा को आपकी प्रोफ़ाइल में सिंक करने की अनुमति देता है –

5

वर्तमान क्रोम संस्करण स्थानीय भंडारण है।

मैंने इसे स्वयं उपयोग किया है। आप यह पता लगाने के लिए आधुनिक ब्राउज़र का उपयोग कर सकते हैं कि ब्राउजर इसका समर्थन करता है या नहीं। मैंने क्लाइंट के लिए एक समाधान लिखा है, जहां कोई स्थानीय संग्रहण मौजूद नहीं है, तो मैं कुकी पर फ़ॉलबैक करता हूं, लेकिन यह एक्सटेंशन के लिए कोई समस्या नहीं होनी चाहिए।

+0

11/11/11 – techie007

+1

के रूप में लिंक का मृत मैंने इसे हटा दिया और उत्तर –

7

क्रोम भी एचटीएमएल 5 का समर्थन करता है Web Database spec। यह आपको स्थानीय SQL डेटाबेस देता है, इसलिए आप स्थानीय संग्रहण में नाम/मूल्य जोड़े को संग्रहीत करने से अधिक जटिल चीजें कर सकते हैं।

3

आज chrome.storage का उपयोग करना बेहतर हो सकता है। chrome.storage एसिंक्रोनस है, जो इसे तेज़ बनाता है और स्थानीय स्टोरेज 5 एमबी तक सीमित है।

+0

"जो इसे तेज़ी से बनाता है" _ \ [उद्धरण वांछित \] _ – Xan

+0

निर्दिष्ट [यहां] (https: // developer.chrome.com/apps/storage) क्रोम देव द्वारा, थोक गैर-अवरुद्ध पढ़ता है और लिखता है अवरोध अवरोध और धारावाहिक स्थानीय स्टोरेज एपीआई से तेज़ हैं। – krbnr

+0

लिंक के लिए धन्यवाद! – Xan

1

पहले से ही कुछ शानदार उत्तर हैं, लेकिन ध्यान दें कि यदि आप अपने एक्सटेंशन में सामग्री स्क्रिप्ट का उपयोग करने का निर्णय लेते हैं, तो उस सामग्री स्क्रिप्ट को स्थानीय स्टोरेज तक पहुंच नहीं होगी। इसलिए chrome.storage एक अच्छा विकल्प है।

संबंधित मुद्दे