عرض مساحة التخزين المحلية وتعديلها

Kayce Basques

Sofia Emelianova

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

عرض localStorage مفتاحًا وقيمة

1. افتح "أدوات مطوّري البرامج" على الموقع الإلكتروني الذي تريد فحصه.

2. انتقِل إلى التطبيق > التخزين ووسِّع مساحة التخزين المتوفّرة على الجهاز. انقر على نطاق للاطّلاع على أزواج المفتاح/القيمة الخاصة به.

   

3. لمعاينة القيمة أسفل الجدول، اختَر زوجًا.

   

لإعادة تحميل أزواج المفاتيح والقيم يدويًا، انقر على إعادة التحميل في شريط الإجراءات في أعلى الصفحة.

فلترة أزواج المفتاح/القيمة

للعثور بسرعة على زوج مفتاح/قيمة تحتاج إليه، اكتب في مربّع الفلتر في أعلى الصفحة سلسلة تحتوي على المفتاح أو القيمة.

إنشاء زوج مفتاح/قيمة جديد في localStorage

1. عرض أزواج مفتاح/قيمة localStorage للنطاق على سبيل المثال، في هذه الصفحة التجريبية.
2. انقر مرّتين على الجزء الفارغ من الجدول. تنشئ أدوات المطوّرين صفًا جديدًا وتركز مؤشر الماوس في عمود المفتاح.
3. أدخِل زوج مفتاح/قيمة جديدًا.

تعديل مفاتيح أو قيم localStorage

1. عرض أزواج مفتاح/قيمة localStorage لنطاق على سبيل المثال، في هذه الصفحة التجريبية.
2. انقر مرّتين على خلية في عمود المفتاح أو القيمة لتعديل هذا المفتاح أو هذه القيمة.
3. أعِد تحميل الصفحة لتطبيق التغييرات.

حذف localStorage زوج مفتاح/قيمة

1. عرض أزواج مفتاح/قيمة localStorage لنطاق على سبيل المثال، في هذه الصفحة التجريبية.
2. انقر على زوج مفتاح/قيمة لاختياره.
3. انقر على حذف في شريط الإجراءات في أعلى الصفحة لإزالة الزوج المحدّد.
4. بدلاً من ذلك، انقر على محو الكل لإزالة جميع الأزواج.

التفاعل مع localStorage من "وحدة التحكّم"

بما أنّه يمكنك تشغيل JavaScript في Console، وبما أنّ Console يمكنها الوصول إلى ملفّات localStorage JavaScript الخاصة بالصفحة، من الممكن التفاعل مع localStorage من Console.

1. في DevTools، افتح وحدة التحكّم.
2. إذا كنت تريد الوصول إلى localStorage أزواج المفاتيح والقيم لنطاق غير الصفحة التي تتواجد عليها، اختَر سياق JavaScript الذي تحتاجه من القائمة المنسدلة للسياق في شريط الإجراءات في أعلى الصفحة.
3. يمكنك تنفيذ عبارات localStorage في Console بالطريقة نفسها التي تستخدمها في JavaScript.