ویرایشگر Local Storage یک رابط جدول تمیز برای مدیریت ورودیهای localStorage و sessionStorage برای سایت فعلی ارائه میدهد. همه جفتهای کلید-مقدار را مرور کنید، مقادیر را به صورت inline ویرایش کنید، ورودیهای جدید اضافه کنید و ورودیهایی که نیاز ندارید را حذف کنید. مقادیر JSON به صورت خودکار شناسایی و قالببندی میشوند برای خواندن آسان. برای مدیریت هر دو نوع ذخیرهسازی بین تبهای localStorage و sessionStorage جابجا شوید.
اپلیکیشنهای وب مقدار زیادی از حالت را در localStorage و sessionStorage ذخیره میکنند — ترجیحات کاربر، توکنهای احراز هویت، پرچمهای ویژگی، تخصیصهای آزمون A/B، محتوای سبد خرید، پیشنویسهای فرم، پاسخهای API ذخیرهشده و حالت UI. اشکالزدایی این مقادیر در Chrome DevTools نیاز به ناوبری به تب Application، یافتن بخش Storage و استفاده از یک بیننده کلید-مقدار پایه با قابلیت ویرایش محدود دارد. ویرایشگر Local Storage این را در یک پنل هدفمند با جابجایی ذخیرهسازی با tab، ویرایش inline، قالببندی خودکار JSON و عملیات دستهای میآورد. جدول هر جفت کلید-مقدار را با نام کلید و مقدار نشان میدهد. مقادیر JSON (که بسیار رایج هستند — اشیاء سریالیشده با JSON.stringify) به صورت خودکار شناسایی و با قالببندی و برجستهسازی syntax مناسب نمایش داده میشوند. برای ویرایش هر مقدار به صورت inline کلیک کنید — تغییرات فوراً در Storage API نوشته میشوند. ورودیهای جدید با یک فرم تمیز اضافه کنید، یا ورودیها را به صورت فردی یا دستهای حذف کنید.
با دکمههای tab در بالای پنل بین localStorage و sessionStorage جابجا شوید. هر tab تعداد ورودی را نشان میدهد (مثلاً «localStorage (12)» / «sessionStorage (3)»). هر دو نوع ذخیرهسازی از یک رابط مدیریت میشوند.
برای ویرایش هر سلول مقدار به صورت inline کلیک کنید. برای مقادیر ساده، رشته جدید را تایپ کنید. برای مقادیر JSON، ویرایشگر به یک textarea قالببندیشده با برجستهسازی syntax گسترش مییابد. تغییرات فوراً در Storage API ذخیره میشوند.
مقادیر JSON (اشیاء و آرایههای سریالیشده با JSON.stringify) به صورت خودکار شناسایی و با تورفتگی و برجستهسازی syntax مناسب نمایش داده میشوند. JSON قالببندیشده را مستقیماً ویرایش کنید — هنگام ذخیره مجدداً سریالی میشود.
برای ایجاد یک جفت کلید-مقدار جدید «افزودن ورودی» را کلیک کنید. نام کلید و مقدار (رشته یا JSON) را وارد کنید. ورودی فوراً در localStorage یا sessionStorage برای دامنه فعلی نوشته میشود.
ورودیهای فردی را با دکمه حذف ردیف حذف کنید، یا از «پاک کردن همه» برای حذف هر ورودی برای نوع ذخیرهسازی فعلی استفاده کنید. برای بازنشینی وضعیت اپلیکیشن در طول آزمایش مفید است.
تغییرات ایجادشده در ویرایشگر فوراً در اپلیکیشن منعکس میشوند. اگر اپلیکیشن یک مقدار را از localStorage در تعامل کاربر میخواند، ویرایش آن مقدار در پنل آنچه اپلیکیشن بعد میخواند را تغییر میدهد — در اکثر موارد نیازی به بارگذاری مجدد صفحه نیست.
بررسی کنید اپلیکیشن شما چه مقادیری را در localStorage ذخیره کرده است. آیا توکن auth حاضر است؟ آیا شیء ترجیح کاربر به درستی ساختار یافته است؟ آیا یک مقدار ذخیرهشده قدیمی رفتار غیرمنتظره ایجاد میکند؟
همه localStorage را پاک کنید تا اپلیکیشن به وضعیت اولیه خود بازنشینی شود — برای آزمایش تجربههای اولین اجرا، جریانهای onboarding و پیکربندیهای پیشفرض بدون پاک کردن داده مرورگر برای سایتهای دیگر مفید است.
بسیاری از اپلیکیشنها مقادیر پرچم ویژگی را در localStorage ذخیره میکنند. اینها را مستقیماً ویرایش کنید تا ویژگیها را بدون عبور از UI مدیریت پرچم یا استقرار مجدد فعال یا غیرفعال کنید.
ترجیحات کاربر ذخیرهشده، تنظیمات تم، انتخابهای زبان یا پرچمهای تکمیل onboarding را برای شبیهسازی وضعیتهای مختلف کاربر و آزمایش نحوه مدیریت هر کدام توسط اپلیکیشن ویرایش کنید.
ببینید scriptهای شخص ثالث (آنالیتیکس، چت، تبلیغات) چه دادهای را در localStorage دامنه شما ذخیره میکنند. داده را برای انطباق حریم خصوصی و استفاده غیرمنتظره از ذخیرهسازی ممیزی کنید.
داک شناور DevSuite Pro را باز کرده و روی آیکون ویرایشگر Local Storage کلیک کنید. یک پنل باز میشود که همه ورودیهای localStorage برای دامنه فعلی را نشان میدهد.
از جدول کلید-مقدار اسکرول کنید. مقادیر JSON به صورت خودکار قالببندی میشوند. برای مشاهده sessionStorage تب را جابجا کنید.
برای ویرایش inline روی هر مقدار کلیک کنید. برای مقادیر JSON یک ویرایشگر قالببندیشده ظاهر میشود. تغییرات فوراً در Storage API ذخیره میشوند.
برای ایجاد یک جفت کلید-مقدار جدید «افزودن ورودی» را کلیک کنید. برای حذف ورودی روی آیکون حذف روی هر ردیف کلیک کنید. «پاک کردن همه» همه چیز را حذف میکند.
پس از ویرایش مقادیر ذخیرهسازی، با صفحه تعامل کنید تا ببینید اپلیکیشن چگونه به دادههای تغییریافته واکنش نشان میدهد.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.
