Local Storage Editor מספק ממשק טבלה נקי לניהול ערכי localStorage ו-sessionStorage עבור האתר הנוכחי. עיין בכל צמדי המפתח-ערך, ערוך ערכים ישירות בטבלה, הוסף ערכים חדשים ומחק ערכים מיותרים. ערכי JSON מזוהים ומעוצבים אוטומטית לקריאה נוחה. עבור בין לשוניות localStorage ו-sessionStorage לניהול שני סוגי האחסון.
אפליקציות ווב מאחסנות כמויות עצומות של מצב ב-localStorage וב-sessionStorage — העדפות משתמש, אסימוני אימות, דגלי תכונות, הקצאות A/B, תוכן עגלת קניות, טיוטות טפסים, תגובות API במטמון ומצב ממשק משתמש. ניפוי שגיאות בערכים אלה ב-Chrome DevTools מצריך ניווט ללשונית Application, איתור אזור Storage ושימוש בצופה בסיסי של מפתח-ערך עם יכולות עריכה מוגבלות. Local Storage Editor מביא פונקציונליות זו לפאנל ייעודי עם מעבר לשוניות בין סוגי אחסון, עריכה ישירה, עיצוב אוטומטי של JSON ופעולות מרוכזות. הטבלה מציגה כל צמד מפתח-ערך עם שם המפתח והערך. ערכי JSON (שכיחים ביותר — אובייקטים שסודרו עם JSON.stringify) מזוהים אוטומטית ומוצגים עם עיצוב נאות והדגשת תחביר. לחץ על כל ערך לעריכה במקום — השינויים נכתבים ל-storage API מיד. הוסף ערכים חדשים דרך טופס נקי, או מחק ערכים בנפרד או בכמות.
עבור בין localStorage ו-sessionStorage באמצעות לחצני לשוניות בראש הפאנל. כל לשונית מציגה את מספר הערכים (למשל, "localStorage (12)" / "sessionStorage (3)"). שני סוגי האחסון מנוהלים מממשק אחד.
לחץ על כל תא ערך לעריכה ישירה. עבור ערכים פשוטים, הקלד את המחרוזת החדשה. עבור ערכי JSON, העורך מתרחב ל-textarea מעוצב עם הדגשת תחביר. השינויים נשמרים ל-storage API מיד.
ערכי JSON (אובייקטים ומערכים שסודרו עם JSON.stringify) מזוהים אוטומטית ומוצגים עם כניסות נאותות והדגשת תחביר. ערוך את ה-JSON המעוצב ישירות — הוא מסודר מחדש בעת השמירה.
לחץ על "Add Entry" ליצירת צמד מפתח-ערך חדש. הזן את שם המפתח והערך (מחרוזת או JSON). הערך נכתב מיד ל-localStorage או ל-sessionStorage עבור הדומיין הנוכחי.
מחק ערכים בודדים באמצעות לחצן המחיקה בשורה, או השתמש ב-"Clear All" להסרת כל הערכים עבור סוג האחסון הנוכחי. שימושי לאיפוס מצב האפליקציה במהלך בדיקות.
שינויים שבוצעו בעורך משתקפים מיד באפליקציה. אם האפליקציה קוראת ערך מ-localStorage בעת אינטראקציה עם המשתמש, עריכת אותו ערך בפאנל משנה את מה שהאפליקציה תקרא בפעם הבאה — ברוב המקרים ללא צורך בטעינה מחדש.
בדוק אילו ערכים האפליקציה שלך אחסנה ב-localStorage. האם אסימון האימות קיים? האם אובייקט העדפות המשתמש מובנה כראוי? האם ערך ישן במטמון גורם להתנהגות בלתי צפויה?
נקה את כל ה-localStorage לאיפוס האפליקציה למצב ההתחלתי שלה — שימושי לבדיקת חוויות הפעלה ראשונה, זרימות קליטה ותצורות ברירת מחדל, מבלי למחוק נתוני דפדפן לאתרים אחרים.
אפליקציות רבות מאחסנות ערכי דגלי תכונות ב-localStorage. ערוך אותם ישירות כדי להפעיל או להשבית תכונות מבלי לעבור דרך ממשק ניהול הדגלים או לפרוס מחדש.
ערוך העדפות משתמש מאוחסנות, הגדרות ערכת נושא, בחירות שפה או דגלי השלמת קליטה כדי לדמות מצבי משתמש שונים ולבדוק כיצד האפליקציה מטפלת בכל אחד מהם.
ראה אילו נתונים סקריפטים של צד שלישי (אנליטיקה, צ'אט, פרסום) מאחסנים ב-localStorage של הדומיין שלך. בצע ביקורת על הנתונים לצורך עמידה בדרישות פרטיות ושימוש בלתי צפוי באחסון.
פתח את ה-dock הצף של DevSuite Pro ולחץ על סמל Local Storage Editor. פאנל נפתח ומציג את כל ערכי localStorage עבור הדומיין הנוכחי.
גלול בטבלת המפתח-ערך. ערכי JSON מעוצבים אוטומטית. עבור ללשוניות לצפייה ב-sessionStorage.
לחץ על כל ערך לעריכה ישירה. עבור ערכי JSON, מופיע עורך מעוצב. השינויים נשמרים ל-storage API מיד.
לחץ על "Add Entry" ליצירת צמד מפתח-ערך חדש. לחץ על סמל המחיקה בכל שורה להסרתה. "Clear All" מסיר הכול.
לאחר עריכת ערכי האחסון, בצע אינטראקציה עם הדף כדי לראות כיצד האפליקציה מגיבה לנתונים שהשתנו.
התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.
