אפשר להשתמש בחלונית רשת כדי לנתח את טעינה הדף ולבדוק את משאבי הרשת.
סקירה כללית
בלוח Network אפשר:
- תיעוד הפעילות ברשת
- בדיקת בקשות הרשת
- סינון ומיון של בקשות רשת
- חיפוש כותרות ותגובות של רשתות
- שינוי התנהגות הטעינה
- חסימת בקשות רשת
- שינוי תנאי הרשת
- ניפוי באגים של כללי ספקולציות
prefetch - שינוי כותרות התגובה של HTTP
- שינוי כותרות לכמה כתובות URL באמצעות תווים כלליים לחיפוש
- שמירה וייצוא של נתוני בקשות רשת
במאמר בדיקת הפעילות ברשת מוסבר איך משתמשים בחלק מהתכונות הנפוצות ביותר בחלונית Network.
פתיחת חלונית הרשת
כדי לפתוח את החלונית Network, פותחים את כלי הפיתוח ולוחצים על Network בסרגל הפעולות שבחלק העליון.
לחלופין, אפשר לפתוח את החלונית Network דרך תפריט Command:
- פותחים את כלי הפיתוח.
- כדי לפתוח את תפריט הפקודות, לוחצים על:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- מתחילים להקליד
Network, בוחרים באפשרות הצגת חלונית הרשת ומקישים על Enter.
הקלטת הפעילות ברשת
כשפותחים את כלי הפיתוח, בקשות הרשת מתועדות באופן אוטומטי בחלונית Network (רשת), כל עוד כלי הפיתוח פתוחים.
בנוסף לצילום, אפשר לבצע את הפעולות הבאות:
- להפסיק את ההקלטה של בקשות הרשת.
- מסירים את כל הבקשות מהטבלה בקשות.
- שמירת בקשות במהלך טעינות דפים
- הדמיה של חוויה אופליין.
- לדמות חיבורי רשת איטיים יותר.
בדיקת בקשות רשת
כל הבקשות מהרשת מתועדות בטבלה בקשות שבמרכז החלונית.
מידע נוסף על עמודות שמוצגות כברירת מחדל ועל עמודות נוספות שאפשר להוסיף זמין במאמר הצגת יומן של בקשות.
לוחצים על שם הבקשה כדי להציג כרטיסיות עם מידע נוסף על הבקשה, כולל הפרטים הבאים:
- Headers: כותרות ה-HTTP של המשאב שנבחר.
- מטען ייעודי (payload): הפרמטרים של מחרוזת השאילתה ונתוני הטופס של בקשה.
- תצוגה מקדימה: עיבוד בסיסי של ה-HTML.
- תגובה: קוד המקור של ה-HTML של המשאב שנבחר.
- הגורם המבצע: מה גרם לבקשת המשאב.
- תזמון: פירוט של פעילות הרשת במשאב שנבחר.
- קובצי cookie: קובצי cookie של בקשה והתגובה שלה.
סינון ומיון של בקשות רשת
בחלונית Network יש שתי דרכים למיין בקשות בטבלה Requests:
ריכזנו כאן כמה דרכים לסנן בקשות בטבלה בקשות:
- סינון בקשות לפי נכסים
- סינון הבקשות לפי סוג
- סינון הבקשות לפי זמן
- הסתרת כתובות URL של נתונים
- הסתרת כתובות URL של תוספים
- הצגת בקשות עם קובצי cookie החסומים לתשובה בלבד
- הצגת בקשות חסומות בלבד
- הצגת בקשות של צד שלישי בלבד
כותרות ותגובות של רשת החיפוש
במאמר חיפוש כותרות ותשובות ברשת מוסבר איך לחפש מחרוזת או ביטוי רגולרי מסוימים בכותרות ובתשובות של HTTP בכל המשאבים.
שינוי התנהגות הטעינה
כדי לבדוק את חוויית המשתמש בדף, משנים את התנהגות הטעינה בחלונית Network.
בחלונית Network אפשר:
- הדמיה של מבקר בפעם הראשונה על ידי השבתת המטמון של הדפדפן
- ניקוי ידני של המטמון בדפדפן
- ניקוי ידני של קובצי cookie בדפדפן
- הדמיה במצב אופליין
- הדמיה של חיבור איטי לרשת
- שינוי כותרות התגובה של HTTP
- שינוי סוכן המשתמש
שמירה וייצוא של נתוני בקשות רשת
כדי לשמור ולייצא נתונים של בקשות רשת, אפשר לעיין במאמרים הבאים: