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

Sofia Emelianova
Sofia Emelianova

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

הצגת localStorage מפתחות וערכים

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

  2. עוברים אל Application (אפליקציה) > Storage (אחסון) ומרחיבים את הקטע Local Storage. לוחצים על דומיין כדי להציג את צמדי המפתח/ערך שלו.

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

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

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

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

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

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

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

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

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

עריכת המפתחות או הערכים של localStorage

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

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

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

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

אפשר להריץ JavaScript במסוף, ומאחר שלמסוף יש גישה להקשרי ה-JavaScript של הדף, אפשר לבצע אינטראקציה עם localStorage מהמסוף.

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

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