এই পোস্টে আমি এইচটিএমএল 5 ব্রাউজারগুলিতে বিভিন্ন স্টোরেজ প্রযুক্তিগুলি ব্যাখ্যা করব, যাতে এটির জন্য উপলব্ধ স্ট্যান্ডার্ড প্রযুক্তিগুলির সাথে অফলাইনে কাজ করতে সক্ষম একটি ওয়েব অ্যাপ্লিকেশন তৈরি করা যায়।
সেশন স্টোরেজ#
এটি এমন একটি বস্তু যা বর্তমান ডোমেইনে বর্তমান ট্যাবে তথ্য সংরক্ষণ করে। তবে পৃষ্ঠাটি রিফ্রেশ হয়ে গেলে বা ট্যাবটি পুনরুদ্ধার করা হলে এটি বেঁচে থাকে। একটি নতুন ট্যাব উইন্ডো একটি নতুন সেশনস্টোরেজ তৈরি করবে।
// Almacena la información en sessionStorage
sessionStorage.setItem('key', 'value');
// Obtiene la informacion almacenada desde sessionStorage
var data = sessionStorage.getItem('key');লোকালস্টোরেজ#
প্রতি ডোমেন প্রতি দীর্ঘমেয়াদী স্টোরেজ অ্যাক্সেস সরবরাহ করে।
// Almacena la información en localStorage
localStorage.setItem('key', 'value');
// Obtiene la informacion almacenada desde localStorage
var data = localStorage.getItem('key');অ্যাপ্লিকেশন ক্যাশে (AppCache)#
এটি ওয়েব অ্যাপ্লিকেশনগুলির সাথে অফলাইনে কাজ করতে সক্ষম হওয়ার জন্য ক্যাশিং করার জন্য একটি প্রক্রিয়া। একটি ম্যানিফেস্ট ফাইলের মাধ্যমে আমরা নির্দিষ্ট করতে পারি যে কোন সংস্থানগুলি অফলাইনে উপলব্ধ হবে। এটি সার্ভারের লোড হ্রাস করে এবং ব্রাউজিংয়ের গতি বাড়ায়।
তথ্যসূত্র#
https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache https://html.spec.whatwg.org/multipage/browsers.html#appcache
ইনডেক্সড ডিবি#
IndexedDB হ’ল উল্লেখযোগ্য পরিমাণে স্ট্রাকচার্ড ডেটার ক্লায়েন্ট-সাইড স্টোরেজের জন্য একটি এপিআই। সেশনস্টোরেজ, লোকালস্টোরেজ বা গ্লোবালস্টোরেজের চেয়ে বেশি
উপসংহার#
এটি প্রচুর পরিমাণে ডেটার জন্য সঠিক প্রযুক্তি
আরও জানুন#
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
ফাইল API#
এটি আমাদের একটি ফাইল স্ট্রাকচারের সাথে কাজ করতে, সেগুলি সংরক্ষণ করতে এবং ডিস্কে নিজেই পড়তে দেয়। এটি এমন পরিস্থিতিতে কার্যকর হতে পারে যেমন আমরা যদি অফলাইনে থাকাকালীন আমাদের অ্যাপে কোনও ফাইলের আপলোড অনুকরণ করতে চাই, তবে আমরা এটি ডিস্কে সংরক্ষণ করতে পারি এবং পরে এটি সিঙ্ক্রোনাইজ করতে পারি, তবে পৃষ্ঠাটি লোড করার জন্য, আমরা জানি, ডিস্ক রাইটের একটি উচ্চ খরচ রয়েছে, যা আমাদের অবশ্যই এড়ানোর চেষ্টা করতে হবে।
আইই এবং ক্রোম উভয় ক্ষেত্রেই এটি ব্যবহার করার জন্য ব্যবহারকারীর অনুমতি প্রয়োজন। স্টোরেজ সীমা ফ্রি ডিস্ক স্পেসে রয়েছে।
আরও তথ্য এবং উদাহরণ#
http://www.html5rocks.com/es/tutorials/file/filesystem/
স্টোরেজ উপলব্ধ#
ব্রাউজারসেশনস্টোরেজলোকালস্টোরেজফাইলএপিআইএপিপি ক্যাশে (অ্যাপক্যাশ)ইনডেক্সড ডিবিইন্টারনেট এক্সপ্লোরার 114864 k4864 kNot limited500MB/ Unlimited (ব্যবহারকারীকে জিজ্ঞাসা করা)250 MB(ব্যবহারকারী প্রতি 1 গিগাবাইট পর্যন্ত কনফিগারযোগ্য)গুগল ক্রোম 445101 k5101 k5101 kNot LimitedUnlimited *1300 Mb (অন্তত)মাইক্রোসফ্ট এজ 1.04864 k4864 kNot limited500MB/ Unlimited (ব্যবহারকারীকে জিজ্ঞাসা করা)250 MB(ব্যবহারকারীর দ্বারা 1 গিগাবাইট পর্যন্ত কনফিগারযোগ্য)ফায়ারফক্স 405120 k5120 kUnlimited250MB ‘3 সীমা নেই (ব্যবহারকারীর অনুমতি) ব্লব >50Mb)এককগুলি স্থানীয়ভাবে ব্যবহৃত অক্ষরের সংখ্যা (বাইট) Test এবং sessionStorage: http://dev-test.nemikor.com/web-storage/support-test/
ব্রাউজার সামঞ্জস্যতা#
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)localStorage43.5810.504sessionStorage52810.504Application cache4.03.510.010.64.0IndexedDb2310IE10157.1FileApi313110257.1
- http://caniuse.com/#feat=fileapi
- http://caniuse.com/#feat=localStorage
- http://caniuse.com/#feat=sessionStorage
- http://caniuse.com/#feat=appcache
- http://caniuse.com/#feat=IndexedDb
এই ক্ষেত্রে আমরা ডেস্কটপ ব্রাউজারগুলিতে ফোকাস করেছি, তবে উপরের ওয়েবসাইটগুলিতে আমরা মোবাইল ব্রাউজার সম্পর্কে তথ্য পেতে পারি
উদাহরণ#
এখানে আমরা একসাথে এই প্রযুক্তিগুলির কয়েকটি উদাহরণ দেখতে পারি
আরও জানুন#
কোনও স্ট্যান্ডার্ড / ডিপ্রেকাডাস নেই (প্রস্তাবিত নয়)#
গ্লোবাল স্টোরেজ#
এটি একটি বিশ্বব্যাপী বস্তু যা একাধিক ব্যক্তিগত স্টোরেজ অঞ্চল বজায় রাখে যা দীর্ঘ সময়ের জন্য ডেটা সংরক্ষণ করতে ব্যবহার করা যেতে পারে।
webSQL#
এটি ইনডেক্সডডিবির অনুরূপ প্রযুক্তি তবে 18 নভেম্বর, 2010 এ বাতিল করা হয়েছিলhttp://www.w3.org/TR/webdatabase/
ব্যবহারকারীডেটা আচরণ#
এটি খুব সীমিত স্টোরেজের অনুমতি দেয়, কেবলমাত্র আইই-র সাথে সামঞ্জস্যপূর্ণ এবং IE10 থেকে অবহেলিত
পরের বার পর্যন্ত!
