סקירה כללית של חלונית האפליקציה

Dale St. Marthe
Dale St. Marthe

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

סקירה כללית

החלונית Application (אפליקציה) מחולקת לארבעה קטעים שמכילים תפריטי משנה. אלה הקטעים ותפריטי המשנה:

Application: מכיל מידע כללי על האפליקציה, כולל המניפסט, שירותי ה-Worker והאחסון שלה.

  • בכרטיסייה Manifest מוצג מידע מ-manifest.json בצורה ידידותית למשתמש. בנוסף, אם יש שגיאות או אזהרות, הן יוצגו בקטע המתאים.
  • בכרטיסייה Service workers אפשר לבדוק ולפתור באגים ב-service workers על ידי הדמיה של אירועי דחיפה, עדכון שירות ועוד.
  • בכרטיסייה אחסון מוצג תרשים עוגה שבו מוצגת ההתפלגות של הזיכרון שמשמש את האחסון במטמון, את IndexedDB ואת שירותי העבודה. אפשר גם למחוק את נתוני האתר ולהדמיע מכסת אחסון מותאמת אישית.

אחסון: הצגה ועריכה של שיטות האחסון השונות שבהן משתמשת אפליקציית אינטרנט.

  • הרשימות אחסון מקומי ואחסון של סשנים מאפשרות לכם לבחור מקור ולערוך את צמדי המפתחות והערכים של שיטות האחסון המשויכות.
  • הרשימה IndexedDB מכילה מסדי נתונים ומאפשרת לבדוק מאגרי אובייקטים מהדפדפן.
  • ברשימת Cookies אפשר לבחור מקור ולערוך את צמדי המפתח/ערך.
  • טוקנים של מצב פרטי וקבוצות של תחומי עניין מאפשרים לבדוק את הטוקנים והקבוצות התואמים, אם יש כאלה.
  • ברשימה אחסון משותף אפשר לבחור מקור ולבדוק ולערוך את הצמדים של המפתחות והערכים שמשויכים אליו.
  • הרשימה Cache storage מכילה את המטמון הזמין ומאפשרת לבדוק, לסנן ולמחוק את המשאבים שלו.

שירותים שפועלים ברקע: בדיקה, בדיקה ופתרון באגים בשירותים שפועלים ברקע.

  • בכרטיסייה מטמון לדף הקודם/הבא אפשר להריץ בדיקות על המטמון לדף הקודם/הבא בדפדפן. הוא גם מדווח על בעיות שעלולות למנוע שמירה של מטמון לדף הקודם/הבא.
  • הכרטיסייה אחזור ברקע מאפשרת לתעד פעילות מ-Background Fetch API למשך עד שלושה ימים.
  • בכרטיסייה סנכרון ברקע אפשר לתעד פעילות מ-Background Sync API למשך עד שלושה ימים.
  • בכרטיסייה הקלות במעקב אחר עזיבה מהדף הראשון אפשר לזהות ולמחוק את המצב של אתרים שנראה שהם מבצעים מעקב בכמה אתרים באמצעות שיטת המעקב אחר עזיבה מהדף הראשון.
  • בכרטיסייה עדכונים אפשר לתעד הודעות דחיפה למשך עד שלושה ימים.
  • בכרטיסייה Payment handler (טיפול בתשלומים) אפשר לתעד אירועים של טיפול בתשלומים למשך עד שלושה ימים.
  • בכרטיסייה סנכרון תקופתי ברקע אפשר לתעד אירועים מרכזיים למשך עד שלושה ימים במחזור החיים של הסנכרון התקופתי ברקע, כמו רישום לסנכרון, ביצוע סנכרון ברקע וביטול הרישום.
  • בכרטיסייה טעינות ספקולטיביות אפשר לנפות באגים בטעינות ספקולטיביות. מוצגים בו הסטטוס של הטעינה הספקולטיבית, קבוצות הכללים ונסיונות הטעינה הספקולטיבית.
  • בכרטיסייה הודעות דחיפה אפשר להקליט הודעות דחיפה למשך עד שלושה ימים ולתעד אותן ביומן.
  • בכרטיסייה Reporting API מתבצע מעקב אחר האתר, ומדווחים על קריאות ל-API שהוצאו משימוש ועל הפרות אבטחה.

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

פתיחת חלונית האפליקציות

כדי לפתוח את החלונית Application:

  1. פותחים את כלי הפיתוח.
  2. כדי לפתוח את תפריט הפקודות, לוחצים על:
    • macOS: ‏ Command+Shift+P
    • Windows, ‏ Linux, ‏ ChromeOS: ‏ Control+Shift+P תפריט הפקודות עם
  3. מתחילים להקליד application, בוחרים באפשרות הצגת האפליקציה ומקישים על Enter. ב-DevTools מוצגת החלונית Application בחלק העליון של חלון DevTools.

אפשר גם לפתוח את החלונית Application (אפליקציה) בדרכים הבאות:

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