ব্রাউজার HTML5 লোকাল স্টোরেজ সমর্থন করে কিনা তা কীভাবে সনাক্ত করবেন

Question 1

ls existআই 7 তে নিম্নলিখিত কোড সতর্কতা :

if(window.localStorage) {
    alert('ls exists');
} else {
    alert('ls does not exist');
}

আই 7 সত্যই স্থানীয় সঞ্চয়স্থান সমর্থন করে না তবে এটি এটি সতর্ক করে। সম্ভবত এটি কারণ আমি আইই 9 ব্রাউজারে আই 9 ব্যবহার করছি এবং আইই 9 বিকাশকারী সরঞ্জামটি ব্যবহার করে নথি মোড। অথবা সম্ভবত এলএস সমর্থিত হলে এটি পরীক্ষা করার জন্য এটিই ভুল উপায়। সঠিক উপায় কি?

এছাড়াও আমি মডার্নিজার ব্যবহার করতে চাই না যেহেতু আমি কেবল কয়েকটি HTML5 বৈশিষ্ট্য ব্যবহার করছি এবং একটি বড় স্ক্রিপ্ট লোড করা কেবলমাত্র এই কয়েকটি জিনিসের জন্য সমর্থন সনাক্ত করার জন্য মূল্যবান নয়।

Question 2

আপনাকে মডার্নিজার ব্যবহার করতে হবে না, তবে আপনি localStorageসমর্থন করে কিনা তা সনাক্ত করতে তাদের পদ্ধতিটি ব্যবহার করতে পারেন

গিথুব পরীক্ষায় আধুনিকীকরণের
জন্যlocalStorage

// In FF4, if disabled, window.localStorage should === null.

// Normally, we could not test that directly and need to do a
//   `('localStorage' in window) && ` test first because otherwise Firefox will
//   throw bugzil.la/365772 if cookies are disabled

// Also in iOS5 & Safari Private Browsing mode, attempting to use localStorage.setItem
// will throw the exception:
//   QUOTA_EXCEEDED_ERRROR DOM Exception 22.
// Peculiarly, getItem and removeItem calls do not throw.

// Because we are forced to try/catch this, we'll go aggressive.

// Just FWIW: IE8 Compat mode supports these features completely:
//   www.quirksmode.org/dom/html5.html
// But IE8 doesn't support either with local files

Modernizr.addTest('localstorage', function() {
    var mod = 'modernizr';
    try {
        localStorage.setItem(mod, mod);
        localStorage.removeItem(mod);
        return true;
    } catch(e) {
        return false;
    }
});

বর্তমান উত্স কোড সহ আপডেট হয়েছে

Question 3

if(typeof Storage !== "undefined")
  {
  // Yes! localStorage and sessionStorage support!
  // Some code.....
  }
else
  {
  // Sorry! No web storage support..
  }

Question 4

এই ফাংশনটি ভাল কাজ করে:

function supports_html5_storage(){
    try {
        return 'localStorage' in window && window['localStorage'] !== null;
    } catch(e) {
        return false;
    }
}

সূত্র: www.diveintohtml5.info

Question 5

এছাড়াও আমি মডার্নিজার ব্যবহার করতে চাই না যেহেতু আমি কেবল কয়েকটি HTML5 বৈশিষ্ট্য ব্যবহার করছি এবং একটি বড় স্ক্রিপ্ট লোড করা কেবলমাত্র এই কয়েকটি জিনিসের জন্য সমর্থন সনাক্ত করার জন্য মূল্যবান নয়।

মডার্নজার ফাইলের আকার হ্রাস করতে আপনার প্রয়োজন অনুসারে ফাইলটিকে http://modernizr.com/download/ এ কাস্টমাইজ করুন । মডার্নিজারের একমাত্র স্থানীয় স্টোরেজ সংস্করণ 1.55KB এ আসে।

Question 6

চেষ্টা করুন window.localStorage!==undefined:

if(window.localStorage!==undefined){
    //Do something
}else{
    alert('Your browser is outdated!');
}

আপনি এটি ব্যবহার করতে পারেন typeof window.localStorage!=="undefined", তবে উপরের বিবৃতিটি ইতিমধ্যে এটি করেছে

Question 7

আমি এটি উত্তরগুলিতে দেখতে পেলাম না তবে আমি জেনে রাখা ভাল বলে মনে করি আপনি এ জাতীয় সাধারণ পরীক্ষার জন্য খুব সহজে ভ্যানিলা জেএস বা জিকুয়েরি ব্যবহার করতে পারেন এবং মডার্নিজার যখন অনেক সহায়তা করেন, তা ছাড়া এটির পরিষ্কার সমাধান রয়েছে।

আপনি যদি jQuery ব্যবহার করেন তবে আপনি এটি করতে পারেন:

var _supportsLocalStorage = !!window.localStorage
    && $.isFunction(localStorage.getItem)
    && $.isFunction(localStorage.setItem)
    && $.isFunction(localStorage.removeItem);

বা, খাঁটি ভ্যানিলা জাভাস্ক্রিপ্ট সহ :

var _supportsLocalStorage = !!window.localStorage
    && typeof localStorage.getItem === 'function'
    && typeof localStorage.setItem === 'function'
    && typeof localStorage.removeItem === 'function';

তারপরে, সমর্থনটি পরীক্ষা করার জন্য আপনি কেবল একটি আইএফ করবেন:

if (_supportsLocalStorage) {
    console.log('ls is supported');
    alert('ls is supported');
}

সুতরাং পুরো ধারণাটি হ'ল যখনই আপনার জাভাস্ক্রিপ্টের বৈশিষ্ট্যগুলির প্রয়োজন হবে, আপনি প্রথমে প্যারেন্ট অবজেক্ট এবং তারপরে আপনার কোডগুলি যে পদ্ধতিগুলি ব্যবহার করেন সেগুলি পরীক্ষা করে।

Question 8

ধরুন চেষ্টা করুন কাজটি করবে:

    try{
       localStorage.setItem("name",name.value);
       localStorage.setItem("post",post.value);
       }
    catch(e){
       alert(e.message);    
       }

Question 9

চেষ্টা করুন:

if(typeof window.localStorage != 'undefined') {
}

Question 10

if (window.localStorage){

   alert('localStorage is supported');
   window.localStorage.setItem("whatever", "string value");

}

Question 11

একজন গিটার যুক্ত করার জন্য আন্ড্রেয়ার উত্তরটি পরিবর্তন করা ব্যবহার করা সহজ করে তোলে। নীচের সাথে আপনি কেবল বলেছেন:if(ls)...

  var ls =  {
    get: function () { 
      var test = 'test';
      try {
        localStorage.setItem(test, test);
        localStorage.removeItem(test);
        return true;
      } catch(e) {
        return false;
      }
    }
  };

var ls =  {
  get: function () { 
    var test = 'test';
    try {
      localStorage.setItem(test, test);
      localStorage.removeItem(test);
      return true;
    } catch(e) {
      return false;
    }
  }
};

function script(){
  if(ls){
    alert('Yes');
  } else {
    alert('No');
  }
}

<button onclick="script()">Local Storage Support?</button>

স্নিপেট প্রসারিত করুন

Question 12

আমি জানি আমি পার্টিতে কিছুটা দেরি করেছি, তবে আমার রান্না করে 'ম্যানেজ_স্টোরেজ.জেএস' নামের একটি ফাইলের মধ্যে ফেলে দিয়েছি এমন কয়েকটি দরকারী কার্যকারিতা রয়েছে। আমি আশা করি তারা আপনার পক্ষে যেমন উপকারী, তেমনি তারা আমার ভাল সেবা করেছে।

মনে রাখবেন: আপনি যে ফাংশনটি সন্ধান করছেন (এটি এই প্রশ্নের উত্তর দেয়) তা isLclStorageAllowed।

সুতরাং আরও ado ছাড়া এখানে আমার কোড:

/* Conditional Function checks a web browser for 'session storage' support. [BEGIN] */

if (typeof isSessStorageAllowed !== 'function')
    {
        function isSessStorageAllowed()
            {
                if (!!window.sessionStorage && typeof sessionStorage.getItem === 'function' && typeof sessionStorage.setItem === 'function' && typeof sessionStorage.removeItem === 'function')
                    {
                        try
                            {
                                var cur_dt = new Date();
                                var cur_tm = cur_dt.getTime();
                                var ss_test_itm_key = 'ss_test_itm_' + String(cur_tm);
                                var ss_test_val = 'ss_test_val_' + String(cur_tm);

                                sessionStorage.setItem(ss_test_itm_key, String(ss_test_val));

                                if (sessionStorage.getItem(ss_test_itm_key) == String(ss_test_val))
                                    {
                                        return true;
                                    }
                                else
                                    {
                                        return false;
                                    };

                                sessionStorage.removeItem(ss_test_itm_key);
                            }
                        catch (exception)
                            {
                                return false;
                            };
                    }
                else
                    {
                        return false;
                    };
            };
    };

/* Conditional Function checks a web browser for 'session storage' support. [END] */

/* Conditional Function checks a web browser for 'local storage' support. [BEGIN] */

if (typeof isLclStorageAllowed !== 'function')
    {
        function isLclStorageAllowed()
            {
                if (!!window.localStorage && typeof localStorage.getItem === 'function' && typeof localStorage.setItem === 'function' && typeof localStorage.removeItem === 'function')
                    {
                        try
                            {
                                var cur_dt = new Date();
                                var cur_tm = cur_dt.getTime();
                                var ls_test_itm_key = 'ls_test_itm_' + String(cur_tm);
                                var ls_test_val = 'ls_test_val_' + String(cur_tm);

                                localStorage.setItem(ls_test_itm_key, String(ls_test_val));

                                if (localStorage.getItem(ls_test_itm_key) == String(ls_test_val))
                                    {
                                        return true;
                                    }
                                else
                                    {
                                        return false;
                                    };

                                localStorage.removeItem(ls_test_itm_key);
                            }
                        catch (exception)
                            {
                                return false;
                            };
                    }
                else
                    {
                        return false;
                    };
            };
    };

/* Conditional Function checks a web browser for 'local storage' support. [END] */

/* Conditional Function checks a web browser for 'web storage' support. [BEGIN] */

/* Prerequisites: 'isSessStorageAllowed()', 'isLclStorageAllowed()' */

if (typeof isWebStorageAllowed !== 'function')
    {
        function isWebStorageAllowed()
            {
                if (isSessStorageAllowed() === true && isLclStorageAllowed() === true)
                    {
                        return true;
                    }
                else
                    {
                        return false;
                    };
            };
    };

/* Conditional Function checks a web browser for 'web storage' support. [END] */