يوضِّح لك هذا الدليل كيفية استخدام أدوات مطوري البرامج في Chrome لعرض بيانات IndexedDB وتغييرها. يفترض أن تكون على دراية بأدوات مطوري البرامج. وإذا لم يكن الأمر كذلك، يمكنك مراجعة البدء. كما أنه يفترض أيضًا أنك على دراية بقاعدة البيانات المفهرسة. وإذا لم يكن الأمر كذلك، راجع استخدام IndexedDB.
عرض بيانات IndexedDB
انقر على علامة التبويب التطبيق لفتح لوحة التطبيق. يمكنك توسيع قائمة IndexedDB لمعرفة قواعد البيانات المتاحة.
الشكل 1. قائمة IndexedDB
ملاحظات:
يمثّل https://mdn.github.io قاعدة بيانات، حيث تشير notes إلى اسم قاعدة البيانات، ويمثّل
https://mdn.github.io المصدر الذي يمكنه الوصول إلى قاعدة البيانات.
notes عبارة عن
مخزن كائنات.- title وbody هما مؤشرات.
انقر على قاعدة بيانات للاطّلاع على مصدرها ورقم إصدارها.
الشكل 2. قاعدة بيانات notes
انقر على تخزين عناصر للاطّلاع على أزواج المفتاح/القيمة الخاصة به.
الشكل 3. متجر عناصر notes
- إجمالي الإدخالات هو إجمالي عدد أزواج المفتاح/القيمة في مخزن العناصر.
- قيمة منشئ المفاتيح هي المفتاح التالي المتاح. ولا يظهر هذا الحقل إلا عند استخدام أدوات إنشاء المفاتيح.
انقر على خلية في عمود القيمة لتوسيع هذه القيمة.
الشكل 4. عرض قيمة IndexedDB
انقر على فهرس، مثل title أو body في الشكل 6 أدناه، لترتيب متجر الكائن وفقًا لقيم ذلك الفهرس.
الشكل 5. ملف تخزين عناصر يتم ترتيبه أبجديًا حسب مفتاح title الخاص به
إعادة تحميل بيانات IndexedDB
لا يتم تعديل قيم IndexedDB في لوحة التطبيق في الوقت الفعلي. انقر على إعادة التحميل
عند عرض متجر عناصر لإعادة تحميل بياناته، أو اعرض قاعدة بيانات وانقر على إعادة تحميل قاعدة البيانات لإعادة تحميل جميع البيانات.
الشكل 6. عرض قاعدة بيانات
تعديل بيانات IndexedDB
لا يمكن تعديل مفاتيح وقيم IndexedDB من لوحة التطبيق. وبما أنّ "أدوات مطوري البرامج" يمكنها الوصول إلى سياق الصفحة، يمكنك تشغيل رمز JavaScript ضمن "أدوات مطوري البرامج" الذي تعدّل بيانات IndexedDB.
تعديل بيانات IndexedDB باستخدام المقتطفات
المقتطفات هي طريقة لتخزين أجزاء من رمز JavaScript وتشغيلها ضمن "أدوات مطوري البرامج". عند تشغيل مقتطف، يتم تسجيل النتيجة في وحدة التحكّم. يمكنك استخدام مقتطف لتشغيل رمز JavaScript الذي يعدِّل قاعدة بيانات IndexedDB.
الشكل 7. استخدام مقتطف للتفاعل مع IndexedDB
حذف بيانات IndexedDB
حذف زوج المفتاح/القيمة لقاعدة البيانات المفهرسة
- عرض مخزن عناصر IndexedDB
انقر على زوج المفتاح/القيمة الذي تريد حذفه. يقوم DevTools بتمييزه باللون الأزرق للإشارة إلى أنه تم تحديده.
الشكل 8. اختيار زوج المفتاح/القيمة لحذفه
اضغط على مفتاح حذف أو انقر على حذف المحدد
.
الشكل 9. طريقة ظهور ملف تخزين العناصر بعد حذف زوج المفتاح/القيمة
حذف جميع أزواج المفتاح/القيمة في متجر عناصر
-
الشكل 10. الاطّلاع على متجر عناصر
انقر على محو متجر العناصر
.
حذف قاعدة بيانات IndexedDB
- اعرض قاعدة بيانات IndexedDB التي تريد حذفها.
انقر على حذف قاعدة البيانات.
الشكل 11. الزر حذف قاعدة البيانات
حذف كل مساحة تخزين IndexedDB
- افتح لوحة محو مساحة التخزين.
- تأكّد من تفعيل مربّع الاختيار IndexedDB.
انقر على محو بيانات الموقع الإلكتروني.
الشكل 12. لوحة محو مساحة التخزين