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

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

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

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

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

יצירת צמד מפתח/ערך חדש מסוג localStorage

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

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

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

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

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

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

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

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

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