הצגה ושינוי של נתוני IndexedDB

Kayce Basques

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

הצגת נתוני IndexedDB

1. לוחצים על הכרטיסייה Application כדי לפתוח את החלונית Application. מרחיבים את התפריט IndexedDB כדי לראות אילו מסדי נתונים זמינים.

   

   איור 1. התפריט IndexedDB

   • הערות – הכתובת https://mdn.github.io מייצגת מסד נתונים, שבו notes הוא שם מסד הנתונים ו-https://mdn.github.io הוא המקור שיכול לגשת למסד הנתונים.
   • notes היא מאגר אובייקטים.
   • title ו-body הם אינדקסים.

1. לוחצים על מסד נתונים כדי לראות את מספר המקור והגרסה שלו.

   

   איור 2. מסד הנתונים notes

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

   

   איור 3. אחסון האובייקטים notes

   • סך כל הרשומות הוא המספר הכולל של צמדי מפתח-ערך במאגר האובייקטים.
   • ערך מחולל המפתחות הוא המפתח הזמין הבא. השדה הזה מוצג רק כשמשתמשים במחוללי מפתחות.

3. לוחצים על תא בעמודה ערך כדי להרחיב את הערך.

   

   איור 4. הצגת ערך IndexedDB

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

   

   איור 5. אחסון אובייקטים שממוין לפי סדר אלפביתי לפי מפתח הכותרת שלו

רענון נתוני IndexedDB

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

איור 6. צפייה במסד נתונים

עריכת נתוני IndexedDB

לא ניתן לערוך מפתחות וערכים של IndexedDB מהחלונית Application. לכלי הפיתוח יש גישה להקשר של דפים, אבל אפשר להריץ קוד JavaScript בכלי הפיתוח שעורכים את נתוני IndexedDB.

עריכת נתוני IndexedDB באמצעות קטעי טקסט

קטעי טקסט הם דרך לאחסן ולהריץ בלוקים של קוד JavaScript בכלי פיתוח. כשמריצים קטע קוד, התוצאה נרשמת במסוף. אתם יכולים להשתמש בקטע קוד כדי להריץ קוד JavaScript שעורך מסד נתונים של IndexedDB.

איור 7. שימוש בקטע קוד לאינטראקציה עם IndexedDB

מחיקת נתוני IndexedDB

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

1. צפייה במאגר אובייקטים של IndexedDB.

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

   

   איור 8. צריך לבחור צמד מפתח/ערך כדי למחוק אותו

3. מקישים על Delete או על Delete selected .

   

   איור 9. איך אחסון האובייקטים נראה אחרי שצמד המפתח-ערך נמחק

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

1. צפייה במאגר אובייקטים של IndexedDB.

   

   איור 10. צפייה במאגר אובייקטים

2. לוחצים על נקה מאגר אובייקטים .

מחיקת מסד נתונים של IndexedDB

1. מציגים את מסד הנתונים IndexedDB שרוצים למחוק.

2. לוחצים על מחיקת מסד הנתונים.

   

   איור 11. הלחצן מחיקת מסד נתונים

מחיקת כל האחסון ב-IndexedDB

1. פותחים את החלונית נקה אחסון.
2. מוודאים שהתיבה IndexedDB מופעלת.

3. לוחצים על ניקוי נתוני אתר.

   

   איור 12. החלונית נקה אחסון