استفسار بخصوص التخزين المحلي localStorage

local Storage أنت من لديك وصول إليها أو المواقع التي تتصفحها ومنها أكاديمية حسوب، حيث ستجد تخزين محلي لبعض الأمور منها تخزين مؤقت لما تقوم بكتابته في صندوق التعليقات ولو قمت بتحديث الصفحة ستجد ما كتبته موجود.

وبالنسبة لما لديك يظهر أنه مشروع قمت به سابقاً، لذا لا داعي للقلق.

تستطيع تفريغ التخزين المحلي من خلال الضغط على كل مساحة تخزين بزر الفأرة الأيمن ثم اختر clear 

لكن الأمر غير عملي في حال لديك الكثير، لذا برمجياً نفذ التالي في الكونسول بالمتصفح أو من خلال ملف الكود:

localStorage.clear();  

وسيتم حذف كل محتوى التخزين المحلي.

إن التخزين المحلي خاص بكل موقع على حدى وأيضا ليس له تاريخ صلاحية لحذف البيانات بعد تخطيها . وكلما قمت بحفظ شئ في التخزين المحلي يظهل موجود لديك طالما لم يتم حذفه بشكل يدوى .

ويمكنك حذفه من خلال الكود او من خلال المتصفح نفسه.

أيضاً في مثل هذه المشاريع يمكنك فتح المشروع في نافذة خاصة (Incognito/Private) عند اختبار أي ميزة تعتمد على localStorage، لأن كل نافذة خاصة تبدأ بتخزين فارغ تمامًا ولا تتأثر بمشاريع سابقة.

وأيضاً يمكنك حذف البيانات من خلال الوصول لتبويب Application ثم  Storage والضغط على زر Clear site data، وهو يمسح localStorage وsessionStorage وIndexedDB والكوكيز دفعة واحدة .

بالضبط فسبب ظهور هذه البيانات القديمة هو أن localStorage يرتبط بالنطاق (Domain) وليس بالمشروع أو الصفحة نفسها فطالما فتحت هذا المشروع القديم من نفس المسار أو المنفذ localhost أو نفس الرابط مسبقا ستبقى البيانات محفوظة في المتصفح إلى أن تحذف يدويا بغض النظر عن مرور أشهر أو حتى إغلاق الجهاز لأنه لا يوجد له تاريخ صلاحية تلقائي كما هو الحال في بعض أنواع الكوكيز لذلك ما حدث معك طبيعي تماما وليس خطأ في الكود بل بقايا جلسة تصفح قديمة من مشروع سابق على نفس العنوان.

ولتفادي الوقوع في هذا اللبس مستقبلا أثناء التطوير والاختبار من الأفضل أن تفتح مشاريعك التجريبية في نافذة متصفح خاصة (Incognito)، لأنها تبدأ دائما بتخزين فارغ ولا تحتفظ بأي بيانات من مشاريع سابقة أو يمكنك عند الحاجة الدخول إلى أدوات المطور في المتصفح ثم تبويب Application ثم اختيار Clear site data لمسح كل ما يخص الموقع من localStorage وsessionStorage وIndexedDB والكوكيز أيضا دفعة واحدة دون كتابة أي كود.