במדריך הזה מוסבר איך להשתמש בכלי הפיתוח ל-Chrome כדי להציג, לערוך ולמחוק localStorage
צמדי מפתח/ערך. האחסון המקומי שומר נתונים בכל הסשנים של הדפדפן.
הצגת localStorage
מפתחות וערכים
פותחים את כלי הפיתוח באתר שרוצים לבדוק.
עוברים אל Application (אפליקציה) > Storage (אחסון) ומרחיבים את הקטע Local Storage. לוחצים על דומיין כדי להציג את צמדי המפתח/ערך שלו.
כדי לראות תצוגה מקדימה של הערך שמתחת לטבלה, בוחרים זוג.
כדי לרענן את צמדי המפתח/ערך באופן ידני, לוחצים על רענן בסרגל הפעולות שבחלק העליון.
סינון צמדי מפתח/ערך
כדי למצוא במהירות צמד מפתח/ערך שאתם צריכים, מקלידים בתיבת הסינון בחלק העליון מחרוזת שמכילה את המפתח או הערך.
יצירת צמד מפתח/ערך חדש של localStorage
- הצגת
localStorage
צמדי המפתח/ערך של הדומיין. לדוגמה, בדף ההדגמה הזה. - לוחצים לחיצה כפולה על החלק הריק בטבלה. כלי הפיתוח יוצרים שורה חדשה וממקדים את הסמן בעמודה Key.
- מזינים צמד מפתח/ערך חדש.
עריכת המפתחות או הערכים של localStorage
- הצגת
localStorage
צמדי מפתח/ערך של דומיין. לדוגמה, בדף ההדגמה הזה. - כדי לערוך את המפתח או הערך, לוחצים לחיצה כפולה על תא בעמודה Key או Value.
- צריך לרענן את הדף כדי להחיל את השינויים.
מחיקה של localStorage
צמדי מפתח/ערך
- הצגת
localStorage
צמדי מפתח/ערך של דומיין. לדוגמה, בדף ההדגמה הזה. - לוחצים על צמד מפתח/ערך כדי לבחור אותו.
- לוחצים על Delete בסרגל הפעולות שלמעלה כדי להסיר את הצמד שנבחר.
- לחלופין, לוחצים על ניקוי הכול כדי להסיר את כל הצמדים.
אינטראקציה עם localStorage
מהמסוף
אפשר להריץ JavaScript במסוף, ומאחר שלמסוף יש גישה להקשרי ה-JavaScript של הדף, אפשר לבצע אינטראקציה עם localStorage
מהמסוף.
- בכלי הפיתוח, פותחים את Console.
- כדי לגשת לצמדי
localStorage
-מפתח/ערך של דומיין שאינו הדף הנוכחי, בוחרים את ההקשר של JavaScript מהתפריט הנפתח של ההקשר בסרגל הפעולות שבחלק העליון. - מריצים את הביטויים של
localStorage
במסוף, בדיוק כמו שהייתם מבצעים ב-JavaScript.