Dale St. Marthe
אפשר להשתמש בחלונית Application כדי לבדוק, לשנות ולנפות באגים בהרבה היבטים של אפליקציית האינטרנט, כולל המניפסט, עובדי השירות, האחסון ונתוני המטמון שלה.
סקירה כללית
החלונית Application (אפליקציה) מחולקת לארבעה קטעים שמכילים תפריטי משנה. אלה הקטעים ותפריטי המשנה:
Application: מכיל מידע כללי על האפליקציה, כולל המניפסט, עובדי השירות והאחסון שלה.
- בכרטיסייה Manifest מוצג מידע מ-
manifest.jsonבצורה ידידותית למשתמש. בנוסף, אם יש שגיאות או אזהרות, הן מוצגות בקטע המתאים. - בכרטיסייה Service workers אפשר לבדוק ולנפות באגים ב-service workers על ידי הדמיה של אירועי push, עדכון שירות ועוד.
- בכרטיסייה אחסון יש תרשים עוגה שמציג את חלוקת הזיכרון שמשמש לאחסון במטמון, ל-IndexedDB ול-Service Workers. אפשר גם למחוק נתוני אתר ולהדמות מכסת אחסון מותאמת אישית.
אחסון: הצגה ועריכה של שיטות האחסון השונות שבהן נעשה שימוש באפליקציית אינטרנט.
- ברשימות Local ו-Session storage אפשר לבחור מקור ולערוך את הצמדים של מפתחות וערכים של שיטות האחסון המשויכות.
- הרשימה IndexedDB מכילה מסדי נתונים ומאפשרת לבדוק את מאגרי האובייקטים מהדפדפן.
- ברשימה Cookies (קובצי Cookie) אפשר לבחור מקור ולערוך את צמדי המפתח/ערך.
- טוקנים של מצב פרטי וקבוצות בעלי עניין מאפשרים לבדוק את הטוקנים והקבוצות המתאימים, אם יש כאלה.
- ברשימה Shared storage אפשר לבחור מקור, לבדוק ולערוך צמדים של מפתחות וערכים שמשויכים אליו.
- הרשימה Cache storage מכילה את מטמונים זמינים ומאפשרת לכם לבדוק, לסנן ולמחוק את המשאבים שלהם.
שירותים שפועלים ברקע: בדיקה, ניסוי וניפוי באגים בשירותים שפועלים ברקע.
- בכרטיסייה מטמון לדף הקודם/הבא אפשר להריץ בדיקות של מטמון לדף הקודם/הבא בדפדפן. הוא גם מדווח על בעיות שעשויות למנוע שמירה במטמון של דפים קודמים או הבאים.
- בכרטיסייה Background fetch (אחזור ברקע) אפשר לתעד פעילות מ-Background Fetch API למשך עד שלושה ימים.
- בכרטיסייה סנכרון ברקע אפשר להקליט פעילות מ-Background Sync API למשך שלושה ימים לכל היותר.
- בכרטיסייה הקלות במעקב אחרי הפניה אוטומטית אפשר לזהות ולמחוק את מצב האתרים שנראה שמבצעים מעקב באתרים שונים באמצעות השיטה של מעקב אחרי הפניה אוטומטית.
- בכרטיסייה התראות אפשר להקליט הודעות פוש למשך עד שלושה ימים.
- בכרטיסייה Payment handler אפשר להקליט אירועים של Payment Handler למשך עד שלושה ימים.
- בכרטיסייה סנכרון תקופתי ברקע אפשר לתעד אירועים מרכזיים למשך עד שלושה ימים במחזור החיים של סנכרון תקופתי ברקע, כמו הרשמה לסנכרון, ביצוע סנכרון ברקע וביטול ההרשמה.
- בכרטיסייה Speculative loads (טעינות ספקולטיביות) אפשר לנפות באגים בטעינות ספקולטיביות. מוצגים הסטטוס הספקולטיבי, קבוצות הכללים והניסיונות לטעינה מראש.
- בכרטיסייה הודעות פוש אפשר להקליט הודעות פוש למשך שלושה ימים ולתעד אותן ביומן.
- בכרטיסייה Reporting API מתבצע מעקב אחרי האתר שלכם ומוצגות קריאות ל-API שהוצאו משימוש והפרות אבטחה.
- בכרטיסייה סשנים שמוגבלים למכשיר אפשר לראות מידע על סשנים שמוגבלים למכשיר ולבדוק אירועים שמשויכים אליהם.
מסגרות: מחלקות דפים ומשאבים לתצוגות מרובות ומציגות מידע רלוונטי, כמו אבטחה ובידוד, מדיניות אבטחת תוכן, זמינות של API ועוד.
פתיחת חלונית האפליקציה
כדי לפתוח את החלונית Application (אפליקציה):
- פותחים את כלי הפיתוח.
- פותחים את תפריט הפקודות על ידי לחיצה על:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- מתחילים להקליד
application, בוחרים באפשרות הצגת האפליקציה ומקישים על Enter. החלונית Application מוצגת בכלי הפיתוח בחלק העליון של חלון כלי הפיתוח.
אפשר גם לפתוח את החלונית Application בדרכים הבאות:
- בסרגל הפעולות בחלק העליון, לוחצים על חלוניות נוספות ובוחרים באפשרות אפליקציה מהרשימה הנפתחת.
- בפינה השמאלית העליונה, בוחרים באפשרות אפשרויות נוספות > כלים נוספים > אפליקציה.