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

Kayce Basques

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

عرض بيانات IndexedDB

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

   

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

   • ملاحظات: يمثّل https://mdn.github.io قاعدة بيانات، حيث تشير notes إلى اسم قاعدة البيانات، ويمثّل https://mdn.github.io المصدر الذي يمكنه الوصول إلى قاعدة البيانات.
   • notes عبارة عن مخزن كائنات.
   • title وbody هما مؤشرات.

1. انقر على قاعدة بيانات للاطّلاع على مصدرها ورقم إصدارها.

   

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

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

   

   الشكل 3. متجر عناصر notes

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

3. انقر على خلية في عمود القيمة لتوسيع هذه القيمة.

   

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

4. انقر على فهرس، مثل title أو body في الشكل 6 أدناه، لترتيب متجر الكائن وفقًا لقيم ذلك الفهرس.

   

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

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

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

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

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

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

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

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

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

حذف بيانات IndexedDB

حذف زوج المفتاح/القيمة لقاعدة البيانات المفهرسة

1. عرض مخزن عناصر IndexedDB

2. انقر على زوج المفتاح/القيمة الذي تريد حذفه. يقوم DevTools بتمييزه باللون الأزرق للإشارة إلى أنه تم تحديده.

   

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

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

   

   الشكل 9. طريقة ظهور ملف تخزين العناصر بعد حذف زوج المفتاح/القيمة

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

1. عرض مخزن عناصر IndexedDB

   

   الشكل 10. الاطّلاع على متجر عناصر

2. انقر على محو متجر العناصر .

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

1. اعرض قاعدة بيانات IndexedDB التي تريد حذفها.

2. انقر على حذف قاعدة البيانات.

   

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

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

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

3. انقر على محو بيانات الموقع الإلكتروني.

   

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