ذخیره سازی محلی را مشاهده و ویرایش کنید

سوفیا املیانوا
Sofia Emelianova

این راهنما به شما نشان می‌دهد که چگونه از ابزارهای توسعه‌دهنده Chrome برای مشاهده، ویرایش و حذف جفت‌های کلید-مقدار localStorage استفاده کنید. حافظه محلی داده ها را در جلسات مرورگر ذخیره می کند.

کلیدها و مقادیر localStorage مشاهده کنید

  1. DevTools را در وب‌سایتی که می‌خواهید بازرسی کنید باز کنید .

  2. به Application > Storage بروید و Local Storage را گسترش دهید. روی یک دامنه کلیک کنید تا جفت های کلید-مقدار آن را مشاهده کنید.

    جفت های کلید-مقدار youtube.com.

  3. برای پیش نمایش مقدار زیر جدول، یک جفت را انتخاب کنید.

    مشاهده مقدار کلید انتخاب شده

برای بازخوانی دستی جفت‌های کلید-مقدار، کلیک کنید تازه کردن. در نوار اقدام در بالا بازخوانی کنید .

جفت های کلید-مقدار را فیلتر کنید

برای یافتن سریع یک جفت کلید-مقدار مورد نیاز خود، رشته‌ای را در کادر فیلتر در بالا تایپ کنید که کلید یا مقدار حاوی آن است.

فیلتر کردن جفت‌های کلید-مقدار که شامل رشته «has» نیستند.

یک جفت کلید-مقدار جدید localStorage ایجاد کنید

  1. جفت‌های کلید-مقدار localStorage دامنه را مشاهده کنید . به عنوان مثال، در این صفحه نمایشی .
  2. روی قسمت خالی جدول دوبار کلیک کنید. DevTools یک ردیف جدید ایجاد می کند و مکان نما شما را در ستون Key متمرکز می کند.
  3. یک جفت کلید-مقدار جدید وارد کنید.

کلیدها یا مقادیر localStorage ویرایش کنید

  1. جفت‌های کلید-مقدار localStorage دامنه را مشاهده کنید . به عنوان مثال، در این صفحه نمایشی .
  2. برای ویرایش آن کلید یا مقدار، روی یک سلول در ستون کلید یا مقدار دوبار کلیک کنید.
  3. برای اعمال، صفحه را بازخوانی کنید.

جفت‌های کلید-مقدار localStorage حذف کنید

  1. جفت‌های کلید-مقدار localStorage دامنه را مشاهده کنید . به عنوان مثال، در این صفحه نمایشی .
  2. برای انتخاب یک جفت کلید-مقدار کلیک کنید.
  3. کلیک کنید حذف کنید. برای حذف جفت انتخاب شده، در نوار اقدام در بالا حذف کنید . حذف جفت کلید-مقدار انتخاب شده.
  4. در غیر این صورت، کلیک کنید همه را پاک کنید. برای حذف همه جفت ها ، همه را پاک کنید .

با localStorage از کنسول تعامل داشته باشید

از آنجایی که می‌توانید جاوا اسکریپت را در کنسول اجرا کنید، و از آنجایی که کنسول به زمینه‌های جاوا اسکریپت صفحه دسترسی دارد، می‌توانید با localStorage از کنسول تعامل داشته باشید.

  1. در DevTools، کنسول را باز کنید.
  2. اگر می‌خواهید به جفت‌های کلید-مقدار localStorage دامنه‌ای غیر از صفحه‌ای که در آن هستید دسترسی داشته باشید، زمینه جاوا اسکریپت مورد نیاز خود را از منوی کشویی زمینه در نوار عمل در بالا انتخاب کنید .
  3. عبارات localStorage خود را در کنسول اجرا کنید، همانطور که در جاوا اسکریپت خود انجام می دهید.

تعامل با 'localStorage' از کنسول