समाधान कुकीज़ और इस तरह localStorage अक्षम करने - polyfill संभव नहीं

Question

हमारे उपयोगकर्ताओं में से एक से एक शिकायत के बाद और चल कुछ परीक्षण यह फ़ायरफ़ॉक्स 15 और 16 (और शायद पुराने संस्करण) प्रकट होता है यह इसलिए यदि आप कुकीज़ को अक्षम आप भी को निष्क्रिय कर स्थानीय भंडार। तुम भी जब भी आप window.localStorage आप Error: The operation is insecure.

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

try{ 
     window.localStorage; 
}catch(err){ 
     window.localStorage = { 
       getItem: function(k){ 
        return this.k; 
       }, 
       setItem: function(k,v){ 
        this.k = v; 
       } 
     }; 
} 

एकमात्र समाधान अन्य चर "नकली" localStorage लिए कदम प्रतीत हो रहा है, लेकिन यह होगा परेशान होना क्योंकि हमारे पास बहुत सारे कोड हैं और एक जेएस lib है जो इस चर को एक्सेस करने पर भरोसा करता है। कोई समाधान?

संपादित करें: कुकीज़ को आवश्यक उपयोगकर्ताओं को बताने के लिए केवल एक चेतावनी पॉप अप करना इष्टतम नहीं है। यदि आगंतुक सिर्फ साइट देखना चाहते हैं और साइनअप नहीं करना चाहते हैं तो उन्हें वास्तव में कुकीज़ की आवश्यकता नहीं है। लेकिन एक backbone.js आवेदन किया जा रहा है और डेटा का एक बहुत चारों ओर गुजर, हम दुकान सामान localStorage में काफ़ी है।

Answer 1

हम स्थानीय संग्रहण के लिए हमारे lib के रूप में इस का उपयोग करें।

(function (window, $, undefined) { 
    var store = window.store = {}; 

    function deserialize(val) { 
     if (!val) return null; 
     var obj = $.parseJSON(val); 
     return obj; 
    }; 

    function processRequest(loc, key, value) { 
     var obj; 
     // if value is not specified at all assume we are doing a get. 
     if (value === undefined) { 
      // GET 
      obj = loc.getItem(key); 
      return deserialize(value); 
     } else { 
      // SET 
      loc.setItem(key, JSON.stringify(value)); 
     } 
    } 

    store.Local = function(key, value) { 
     return processRequest(window.localStorage, key, value); 
    }; 

    store.Session = function(key, value) { 
     return processRequest(window.sessionStorage, key, value); 
    }; 
} (window, jQuery)); 

आप आसानी से एक गैर-निरंतर सरणी पर फ़ॉलबैक के लिए कुछ परीक्षण कोड जोड़ सकते हैं।

Answer 2

localStorage के बाद से एक आरक्षित चर रहा है, तो आप एक अलग नाम के साथ एक आवरण का उपयोग कर के अलावा कोई अन्य समझदार विकल्प होता है। इस चर के तहत अपने स्वयं के कोड और वास्तविक localStorage लपेटें और अपने आवरण के नाम के साथ localStorage बदलें। परेशान, लेकिन परिवर्तन खोने से कम परेशान।

Answer 3

आपके पास दो विकल्प:

1) शाब्दिक scoping का लाभ उठाएं और कैसे लुकअप कार्य ... उदाहरण के लिए, अपने कोड को बंद करने में चल रहा है, तो वह बंद के अंदर आप निम्नलिखित चला सकते हैं:

var localStorage = window.localStorage || {... polyfill here...}; 

फिर अपने कोड के भीतर पूरी तरह से योग्य विंडो के बजाय स्थानीय स्टोरेज का उपयोग करें। लॉकस्ट स्टोरेज। लाभ यहाँ अभी जिस तरह शाब्दिक चर लुकअप कार्य यह वैश्विक के बजाय अपना अधिक "निकट" scoped संस्करण मिलेगा है। पीएस ... आपको शायद किसी भी तरह बंद होने में चलना चाहिए, इसलिए यह संभव होना चाहिए।

2) केवल परिवर्तनीय नाम बदलें, विक्रेता उपसर्ग को हटाने के लिए लोग क्या करते हैं इसके विपरीत।

window.pLocalStorage = window.localStorage || {... polyfill here...}; 

तो बस localStorage के बजाय pLocalStorage का उपयोग करने के लिए अपना कोड बदलें ... अपने ब्राउज़र इसका समर्थन करता है, तो यह देशी, अन्यथा polyfill का प्रयोग करेंगे।