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

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

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

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

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

    أزواج المفتاح/القيمة لموقع youtube.com

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

    عرض قيمة المفتاح المحدّد

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

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

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

فلترة أزواج المفتاح والقيمة التي لا تحتوي على السلسلة has

إنشاء زوج مفتاح/قيمة جديد في 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.

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