احدى مميزات HTML5 التخزين المحلي (Local Storage)

WebCraker

العبد الفقير إلى الله
طاقم الإدارة
9 مارس 2008
5,670
50
48
Egypt
support-ar.com
tumblr_inline_mgjaty4ZWX1rxkxbn.jpg


عندما تزور صفحه فإن هذه الصفحه تريد ان تقوم بتخزين بعض البيانات لتسريع عمليه الاستخدام او تخزين بعض العمليات مثل ماتفعل قوقل ببريد جيميل, تستطيع ارسال رساله ويتم تخزينها محليا لحين الاتصال ويتم ارسالها وهكذاً..

قد تقول انني استطيع استخدام الكوكيز فما فائده اللوكال ستورج ؟
- الكوكيز مرتطبه غالبا بالجلسات والتحقق من المستخدم ولكن ايضاً لها عيب انها لاتخزن اكثر من 4096 بايت بينما التخزين المحلي يمكن تخزين 5 ميقا لكل دومين.
- التخزين المحلي لايملك وقت انتهاء مثل الكوكيز ويمكن مسحه فقط من الجافاسكربت او بحذف كاش المتصفح.
- التخزين المحلي يتم التعامل معه من جهة المستخدم ( يعني باستخدام الجافاسكربت من المتصفح) بينما الكوكيز من جهة الخادم باستخدام هيدر HTTP.

اين يمكن استخدامه؟
- تذكر الاعدادات للمستخدم, بدلا من طلبها بكل تحديث.
- تخزين بعض العمليات اثناء العمل بدون اتصال وارسالها للخادم عند الاتصال.
- حالات اخرى كثيره تتطلب تخزين بيانات في متصفح المستخدم

مثال
PHP:
if(typeof(Storage)!== "undefined")  {
     localStorage.setItem("name", "Abdulrahman Alshawaiee");   //حفظ بيانات
     console.log(localStorage.getItem("name"));  //استرجاع بيانات 
     localStorage.removeItem("name"); //حذف بيانات
} else {
     console.warn('هذه الميزة غير متوفره على متصفحك!.');
}
جرّب اونلاين