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

Kayce Basques

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

הצגת נתוני IndexedDB

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

    התפריט IndexedDB

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

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

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

    מסד הנתונים Notes

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

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

    אחסון האובייקטים 'notes'

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

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

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

    הצגת ערך IndexedDB

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

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

    מיון מאגר אובייקטים לפי אינדקס

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

רענון נתוני IndexedDB

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

צפייה במסד נתונים

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

עריכת נתוני IndexedDB

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

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

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

שימוש בקטע קוד לאינטראקציה עם 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. החלונית נקה אחסון