يوفر (محرر التخزين المحلي) واجهة جدول نظيفة لإدارة كل من إدخالات وسجلات المساحة المحلية (localStorage) وتخزين الجلسات (sessionStorage) للموقع الحالي. استعرض جميع أزواج المتغيرات (مفتاح-قيمة)، وقم بتعديل القيم بروابطها المضمنة، وأضف إدخالات جديدة، واحذف التي لم تعد بحاجة إليها. يتم اكتشاف قيم الـ (JSON) وتنسيقها تلقائياً لتسهيل قراءتها. ويمكنك التبديل بين علامات تبويب التخزين بنقرة زر لإدارة كلا النوعين.
تُخزن تطبيقات الويب كميات هائلة من الحالات في المساحات المحلية للمتصفح (localStorage و sessionStorage) — مثل تفضيلات المستخدمين، ورموز المصادقة، وعلامات ومزايا (feature flags)، وتكليفات اختبارات A/B، ومحتويات عربات المشتريات، ومسودات النماذج، واستجابات واجهة برمجة التطبيقات (API) المخبأة، وحالة وشكل واجهة المستخدم. ويتطلب تنقيح وتصحيح هذه القيم في أدوات المطور (DevTools) الانتقال إلى قائمة التطبيقات (Application tab)، والعثور على قسم التخزين، واستخدام عارض أساسي محدود القدرات على التعديل. ينقل محرّر DevSuite Pro هذه الوظيفة ويضعها في لوحة صممت خصيصاً مع تبديل مبوب للإصدارات، وتمكين التحرير المستمر والتنسيق الآلي لـ JSON، إلى جانب قدرات تنفيذ العمليات الجماعية. الجدول يشمل كل زوج من القيم المعرّفة والأسماء المرتبطة بها. يتم رصد وتقصي سلاسل وهياكل JSON الشائعة آلياً (كائنات المصفوفات المشفرة باستخدام JSON.stringify) ثم تعرض مقروءة وبارزة بالألوان لتعديلها. انقر على البيانات وقم بمعالجة النص كيف تشاء — تُكتب التغييرات في ذاكرة المتصفح على الفور. كما يمكنك تضمين إدخالات وإضافة مفاتيح جديدة بنموذج نظيف، أو إزالتها وحذفها فردياً أم جماعياً.
بدل سريعاً بين الـ localStorage و sessionStorage من أزرار التبويب في أعلى اللوحة. لتعرض كل نافذة قائمة الإدخالات وحصرها (كمثال: "localStorage (12)" / "sessionStorage (3)"). كل مجلد وحاوية يُداران من نافذة متزامنة واحدة.
انقر على أي خلية أو قيمة لتعديلها في مكانها. بالنسبة للقيم النصية البسيطة والبديهية، كُن حراً بكتابة السلسلة الجديدة. أما للـ JSON، يتسع المحرر ليتحول لمساحة نص منسق بتمييز بارز للألوان. تحفظ كل المدخلات فوراً في خزانة وحفيظة نظام المتصفح.
تتم فهرسة ورصد قيم الـ JSON المتضمنة والمتسلسلة بطريقة آلية للبيانات المعرّبة من (JSON.stringify) وتُعرض مع تمييز وتلوين مساحات الإزاحة والتنسيق الصحيح. عدل مخرجاتك ثم سيُعاد تسلسلها بمجرد الحفظ.
انقر على "إضافة (Add Entry)" لاستحداث وبناء زوج جديد مع بياناته (بنموذج مفتاح وتخصيصه). ادخل اسم المفتاح والشرط (كنص مجرد أو كـ JSON). يُغرس الإدخال فورياً في حواضن المجال.
قم باجتثاث وإزالة مدخلات وقيم فردية بالنقر على سلة الحذف بجانب السطر، أو استخدم "تمشيط كلي (Clear All)" لفرم ومسح جميع بيانات المستودع. أداة لا غنى عنها لإعادة ضبط تطبيقك والبدء من جديد أثناء جلسات الاختبار.
تُطبق أي تغييرات تطرأ على المدخلات مباشرة على حالة التطبيق وتنعكس فوراً. وإذا أجرى التطبيق قراءة جديدة لقيمة من الـ localStorage جراء تفاعل وتصرف المتصفح، فهذا التعديل الأخير في اللوحة سيكون هو المعتمد والمستخدم — أحياناً بأسلوب لا يستلزم تحديث وإعادة تحميل الصفحة.
تحرى واكتشف ما هي القيم المتشابكة التي دفنها محرك التطبيق داخل الـ localStorage. هل مفتاح رمز التوكن (Auth Token) متاح وحاضر؟ هل تم هيكلة كائن وخيارات المستخدمين بشكل مناسب ووفق معاييرك؟ وهل تسببت خوارزميات الذاكرة الوسيطة القديمة (Stale Cached) بتصرفات غير منطقية بالموقع؟
افرم وامسح بيانات مساحات الـ localStorage لردع التطبيق وإعادته لضبط حالته الابتدائية — ممتاز لاختبار تجربة الدخول والزيارة الأولى (First-Run)، وتسلسلات الإرشاد (Onboarding)، وتقييم الإعدادات الافتراضية بمعزل عن محو بيانات المواقع الأخرى عبر أدوات المتصفح.
تعتمد كثير من مشاريع الويب على قيم وشارات المميزات المخزنة والمضمنة كإشارات. عدلها بحرية مباشرة من اللوحة لتشغيلها وتمكينها بغض النظر عن واجهة التحكم بالمدير وبعيداً عن أجزاء عملية البناء وصدور التحديثات (Redeploying).
غير وحور بالقيم المخزنة كـ تفضيلات الزوار، تنسيقات التصميم الجمالية، قوائم اللغات المفضلة، وتقييمات ختام التسجيل التوجيهي، للمحاكاة والدخول وتقمص قبعات الزوار لتخيل كيف يرون ويدمجون بالمحتوى.
راقب ودقق في أي معلومات تم حقنها وحشرها خلسة بواسطة أكواد الجهات الخارجية (كـ التحليلات والإحصاءات، مسارات الدردشة، وحواضن الإعلانات) في حواضن نطاقك لـ localStorage. تمعن وافحص الامتثال لقوانين الأمان وسد طرق تسربات وتلصص البيانات الفضولي في بيئتك.
افتح لوحة DevSuite Pro العائمة وانقر على أيقونة (Local Storage Editor). لتفتح قائمة شاملة بجميع عناصر localStorage لنطاق التبويبة المعنية.
قم بتمرير شريط جدول البيانات والمتغيرات (مفتاح-قيمة). ليتم عرض وتنسيق مصفوفات وأشجار الـ JSON بدقة واحتراف. انقر على الشريط العلوي لترحل لمعاينة محتوى sessionStorage كبديل.
اضغط مباشرة على القيمة المجاورة لمفتاح الخلية لتعديلها. بالنسبة لسجلات وبلوكات JSON، يظهر لك محرر خاص منسق الألوان. ليحكم إغلاق والتصاق تلك المتغيرات بوحدة التخزين للمتصفح.
اضغط "أضف إدخالاً" لاختلاق زوج متغيرات جديد كلياً. وانقر على إشارة إزالة العناصر لنسف الإدخالات العتيقة وغير المجدية. وفي حال تفاقم الوضع، استعن بزر "مسح الكل" لتنظيف العبث.
بعد إتمام تعديلات مساحات الحفظ، عد لتبويبة الموقع وتفاعل مع زواياها لتقييم وقياس كيف يتجاوب ويرد التطبيق إزاء البيانات والمعلومات المتغيرَة والمحقونة حديثاً.
قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 39 أداة للمطورين لمتصفحك.
