مشاهده و تغییر داده‌های IndexedDB

Kayce Basques

این راهنما به شما نشان می‌دهد که چگونه از Chrome DevTools برای مشاهده و تغییر داده‌های IndexedDB استفاده کنید. فرض بر این است که با DevTools آشنایی دارید. اگر نه، شروع به کار را ببینید. همچنین فرض می‌کند که با IndexedDB آشنا هستید. اگر نه، به استفاده از IndexedDB مراجعه کنید.

مشاهده داده‌های IndexedDB

1. روی برگه برنامه کلیک کنید تا پانل برنامه باز شود. منوی IndexedDB را ازهم باز کنید تا ببینید کدام پایگاه‌های داده دردسترس هستند.

   

   شکل ۱. منو IndexedDB

   • notes - https://mdn.github.io نشان‌دهنده پایگاه داده است، که در آن notes نام پایگاه داده است و https://mdn.github.io مبدأیی است که می‌تواند به پایگاه داده دسترسی داشته باشد.
   • یادداشت یک مخزن شیء است.
   • عنوان و متن نمایه هستند.

1. روی پایگاه داده‌ای کلیک کنید تا منبع و شماره نسخه آن را ببینید.

   

   شکل ۲. پایگاه داده یادداشت‌ها

2. روی فروشگاه شیء کلیک کنید تا جفت‌های کلید-مقدار آن را ببینید.

   

   شکل ۳. مخزن شیء یادداشت‌ها

   • مجموع ورودی‌ها تعداد کل جفت‌های کلید-مقدار در فضای ذخیره‌سازی شیء است.
   • مقدار تولیدکننده کلید کلید دردسترس بعدی است. این فیلد فقط هنگام استفاده از تولیدکننده‌های کلید نشان داده می‌شود.

3. روی سلولی در ستون مقدار کلیک کنید تا آن مقدار ازهم باز شود.

   

   شکل ۴. مشاهده مقدار IndexedDB

4. روی نمایه‌ای، مثل عنوان یا بدنه در شکل ۶ زیر، کلیک کنید تا مخزن شیء براساس مقادیر آن نمایه مرتب شود.

   

   شکل ۵. فروشگاه شیء که به‌ترتیب حروف الفبا براساس کلید عنوان آن مرتب شده است

بازآوری کردن داده‌های IndexedDB

مقادیر IndexedDB در پانل برنامه به‌طور هم‌زمان به‌روز نمی‌شوند. هنگام مشاهده فضای ذخیره‌سازی شیء، روی بازآوری کلیک کنید تا داده‌های آن بازآوری شود، یا پایگاه داده‌ای را مشاهده کنید و روی بازآوری پایگاه داده کلیک کنید تا همه داده‌ها بازآوری شود.

شکل ۶. مشاهده پایگاه داده

ویرایش داده‌های IndexedDB

کلیدها و مقادیر IndexedDB از پانل برنامه قابل‌ویرایش نیستند. بااین‌حال، چون DevTools به بافت صفحه دسترسی دارد، می‌توانید کد جاوا اسکریپت را در DevTools اجرا کنید که داده‌های IndexedDB را ویرایش می‌کند.

ویرایش داده‌های IndexedDB با «گزیده‌ها»

تکه‌کدها روشی برای ذخیره و اجرای بلوک‌های کد جاوا اسکریپت در DevTools هستند. وقتی «قطعه» را اجرا می‌کنید، نتیجه در کنسول ثبت می‌شود. می‌توانید از «تکه‌کد» برای اجرای کد جاوا اسکریپتی که پایگاه داده IndexedDB را ویرایش می‌کند استفاده کنید.

شکل ۷. استفاده از «قطعه» برای تعامل با IndexedDB

حذف داده‌های IndexedDB

حذف جفت کلید-ارزش IndexedDB

1. مشاهده مخزن شیء IndexedDB.

2. روی جفت کلید-مقداری که می‌خواهید حذف شود کلیک کنید. DevTools آن را با رنگ آبی برجسته می‌کند تا نشان دهد انتخاب شده است.

   

   شکل ۸. انتخاب جفت کلید-مقدار برای حذف آن

3. کلید Delete (حذف) را فشار دهید یا روی Delete Selected (حذف موارد انتخاب‌شده) کلیک کنید.

   

   شکل ۹. ظاهر فضای ذخیره‌سازی شیء پس‌از حذف جفت کلید-مقدار

حذف همه جفت‌های کلید-مقدار در فضای ذخیره‌سازی شیء

1. مشاهده مخزن شیء IndexedDB.

   

   شکل ۱۰. مشاهده فروشگاه شیء

2. روی پاک کردن مخزن شیء کلیک کنید.

حذف پایگاه داده IndexedDB

1. پایگاه داده IndexedDB را که می‌خواهید حذف کنید مشاهده کنید.

2. روی حذف پایگاه داده کلیک کنید.

   

   شکل ۱۱. دکمه حذف پایگاه داده

حذف همه فضای ذخیره‌سازی IndexedDB

1. پاک کردن فضای ذخیره‌سازی را باز کنید.
2. مطمئن شوید چارگوش انتخاب IndexedDB فعال باشد.

3. روی پاک کردن داده‌های سایت کلیک کنید.

   

   شکل ۱۲. صفحه پاک کردن فضای ذخیره‌سازی