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