عرض بيانات IndexedDB وتغييرها

يوضّح لك هذا الدليل كيفية استخدام أدوات مطوّري البرامج في Chrome لعرض بيانات IndexedDB وتغييرها. ويفترض أنّك على دراية بـ "أدوات مطوّري البرامج". وإذا لم يكن الأمر كذلك، يمكنك الاطّلاع على البدء. يفترض أيضًا أنّك على دراية بقاعدة بيانات IndexedDB. وإذا لم يكن الأمر كذلك، يُرجى الاطّلاع على مقالة استخدام IndexedDB.

عرض بيانات IndexedDB

  1. انقر على علامة التبويب التطبيق لفتح لوحة التطبيق. وسِّع قائمة IndexedDB للاطّلاع على قواعد البيانات المتاحة.

    قائمة IndexedDB

    الشكل 1: قائمة IndexedDB

    • رمز قاعدة البيانات notes - https://mdn.github.io يمثّل قاعدة بيانات، حيث يكون notes هو اسم قاعدة البيانات و https://mdn.github.io هو المصدر الذي يمكنه الوصول إلى قاعدة البيانات.
    • رمز "متجر العناصر" notes هو متجر عناصر.
    • العنوان والنص هما فهرسان.
  1. انقر على قاعدة بيانات للاطّلاع على مصدرها ورقم إصدارها.

    قاعدة بيانات "الملاحظات"

    الشكل 2: قاعدة بيانات notes

  2. انقر على أحد مستودعات العناصر للاطّلاع على أزواج المفاتيح والقيم.

    مساحة تخزين العناصر "notes"

    الشكل 3 مساحة تخزين العناصر notes

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

    عرض قيمة IndexedDB

    الشكل 4 عرض قيمة IndexedDB

  4. انقر على فهرس، مثل العنوان أو النص في الشكل 6 أدناه، لترتيب "متجر العناصر" حسب قيم هذا الفهرس.

    ترتيب مستودع عناصر حسب فهرس

    الشكل 5 مخزن عناصر يتم ترتيبه أبجديًا حسب مفتاح title

إعادة تحميل بيانات IndexedDB

لا يتم تعديل قيم IndexedDB في لوحة التطبيق في الوقت الفعلي. انقر على إعادة تحميل إعادة تحميل عند عرض مساحة تخزين عناصر لإعادة تحميل بياناتها، أو عرض قاعدة بيانات والنقر على إعادة تحميل قاعدة البيانات لإعادة تحميل جميع البيانات.

عرض قاعدة بيانات

الشكل 6 عرض قاعدة بيانات

تعديل بيانات IndexedDB

لا يمكن تعديل مفاتيح IndexedDB وقيمها من لوحة التطبيق. ومع ذلك، بما أنّ "أدوات مطوّري البرامج" يمكنها الوصول إلى سياق الصفحة، يمكنك تشغيل رمز JavaScript ضمن "أدوات مطوّري البرامج" لتعديل بيانات IndexedDB.

تعديل بيانات IndexedDB باستخدام المقتطفات

المقتطفات هي طريقة لتخزين مجموعات من رموز JavaScript وتشغيلها ضمن "أدوات مطوّري البرامج في Chrome". عند تشغيل مقتطف، يتم تسجيل النتيجة في وحدة التحكّم. يمكنك استخدام مقتطف لتشغيل رمز JavaScript الذي يعدّل قاعدة بيانات IndexedDB.

استخدام مقتطف للتفاعل مع IndexedDB

الشكل 7 استخدام مقتطف للتفاعل مع IndexedDB

حذف بيانات IndexedDB

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

  1. عرض مساحة تخزين عناصر IndexedDB
  2. انقر على زوج المفتاح/القيمة الذي تريد حذفه. تُبرز أدوات المطوّرين هذا العنصر باللون الأزرق للإشارة إلى أنّه تم اختياره.

    اختيار زوج مفتاح/قيمة لحذفه

    الشكل 8 اختيار زوج مفتاح/قيمة لحذفه

  3. اضغط على مفتاح حذف أو انقر على حذف العناصر المحدّدة حذف المحدد.

    شكل "متجر العناصر" بعد حذف زوج المفتاح/القيمة

    الشكل 9 شكل "متجر العناصر" بعد حذف زوج المفتاح/القيمة

حذف جميع أزواج المفتاح والقيمة في مساحة تخزين عناصر

  1. عرض مساحة تخزين عناصر IndexedDB

    عرض مساحة تخزين عناصر

    الشكل 10 عرض مساحة تخزين للعناصر

  2. انقر على محو مساحة تخزين العناصر محو مساحة تخزين العناصر.

حذف قاعدة بيانات IndexedDB

  1. اطّلِع على قاعدة بيانات IndexedDB التي تريد حذفها.
  2. انقر على حذف قاعدة البيانات.

    زر "حذف قاعدة البيانات"

    الشكل 11 الزر حذف قاعدة البيانات

حذف كل مساحة التخزين في IndexedDB

  1. افتح لوحة محو مساحة التخزين.
  2. تأكّد من تفعيل مربّع الاختيار IndexedDB.
  3. انقر على محو بيانات الموقع الإلكتروني.

    لوحة "محو مساحة التخزين"

    الشكل 12 لوحة محو مساحة التخزين