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