הצגה ועריכה של האחסון של הסשן

Sofia Emelianova
Sofia Emelianova

במדריך הזה מוסבר איך להשתמש בכלי הפיתוח ל-Chrome כדי להציג, לערוך ולמחוק sessionStorage צמדי מפתח/ערך. האחסון של הסשן נמחק כשסשן הדף מסתיים.

הצגת מפתחות וערכים של sessionStorage

  1. פותחים את כלי הפיתוח באתר שרוצים לבדוק.

  2. עוברים אל Application‏ > Storage ומרחיבים את Session Storage. לוחצים על דומיין כדי להציג את צמד המפתח/ערך שלו.

    צמדי המפתח/ערך של youtube.com.

  3. כדי לראות תצוגה מקדימה של הערך שמתחת לטבלה, בוחרים זוג.

    הצגת הערך של המפתח שנבחר.

כדי לרענן את זוגות המפתח/ערך באופן ידני, לוחצים על רענון בסרגל הפעולות בחלק העליון.

סינון צמדי מפתח/ערך

כדי למצוא במהירות צמד מפתח/ערך שאתם צריכים, מקלידים בתיבת הסינון שבחלק העליון של המחרוזת שהמפתח או הערך מכילים.

סינון צמדי מפתח/ערך שלא מכילים את המחרוזת 'false'.

יצירת צמד מפתח/ערך חדש של sessionStorage

  1. הצגת זוגות המפתח/ערך של הדומיין sessionStorage לדוגמה, בדף ההדגמה הזה.
  2. לוחצים לחיצה כפולה על החלק הריק בטבלה. תיצור שורה חדשה ב-DevTools והסמן יתמקם בעמודה Key.
  3. מזינים צמד מפתח/ערך חדש.

עריכת sessionStorage מפתחות או ערכים

  1. הצגת צמדי המפתח/ערך של הדומיין sessionStorage לדוגמה, בדף ההדגמה הזה.
  2. לוחצים לחיצה כפולה על תא בעמודה Key או Value כדי לערוך את המפתח או את הערך.
  3. כדי להחיל את השינויים, צריך לרענן את הדף.

מחיקה של sessionStorage צמדי מפתח/ערך

  1. הצגת צמדי המפתח/ערך של הדומיין sessionStorage לדוגמה, בדף הדגמה הזה.
  2. לוחצים על צמד מפתח/ערך כדי לבחור אותו.
  3. לוחצים על מחיקה. מחיקה בסרגל הפעולות בחלק העליון כדי להסיר את הצמד שנבחר. מחיקת צמד המפתח/ערך שנבחר.
  4. לחלופין, לוחצים על ניקוי הכול. ניקוי הכול כדי להסיר את כל הזוגות.

אינטראקציה עם sessionStorage מהמסוף

מכיוון שאפשר להריץ JavaScript ב-Console, ומכיוון של-Console יש גישה להקשרי JavaScript של הדף, אפשר לקיים אינטראקציה עם sessionStorage מ-Console.

  1. ב-DevTools, פותחים את המסוף.
  2. אם רוצים לגשת לזוגות המפתח-ערך של sessionStorage בדומיין אחר ולא בדף שבו נמצאים, בוחרים את ההקשר של JavaScript הרצוי בתפריט הנפתח של ההקשר בסרגל הפעולות בחלק העליון.
  3. מריצים את הביטויים של sessionStorage במסוף, בדיוק כמו שמריצים אותם ב-JavaScript.

אינטראקציה עם 'sessionStorage' מהמסוף