از پنل شبکه برای تحلیل بارگذاری صفحه و بازرسی منابع شبکه استفاده کنید.
بررسی اجمالی
پنل شبکه به شما امکان می دهد:
- ثبت فعالیت شبکه
- درخواست های شبکه را بررسی کنید
- درخواست های شبکه را فیلتر و مرتب کنید
- سرصفحه ها و پاسخ های شبکه را جستجو کنید
- تغییر رفتار بارگذاری
- درخواست های شبکه را مسدود کنید
- تغییر شرایط شبکه
- اشکال زدایی قوانین حدس و گمان
prefetch - هدرهای پاسخ HTTP را لغو کنید
- سرصفحه‌ها را برای چندین URL با نویسه‌های wildcard لغو کنید.
- داده های درخواست شبکه را ذخیره و صادر کنید
برای بررسی برخی از متداول‌ترین ویژگی‌های پانل شبکه، فعالیت شبکه را بررسی کنید.
پنل Network را باز کنید
برای باز کردن پنل Network ، DevTools را باز کنید و سپس روی Network واقع در نوار عمل در بالا کلیک کنید.
همچنین، برای باز کردن پنل شبکه از طریق منوی Command مراحل زیر را دنبال کنید:
- DevTools را باز کنید .
- منوی Command را با فشار دادن:
- macOS: Command + Shift + P
- Windows، Linux، ChromeOS: Control + Shift + P
- شروع به تایپ
Networkکنید، Show Network panel را انتخاب کنید و Enter را فشار دهید.
ثبت فعالیت شبکه
وقتی DevTools را باز می‌کنید ، تا زمانی که DevTools باز باشد، درخواست‌های شبکه به‌طور خودکار در پانل شبکه ثبت می‌شوند.
علاوه بر ضبط، می توانید کارهای زیر را انجام دهید:
- ضبط درخواست های شبکه را متوقف کنید .
- تمام درخواست‌ها را از جدول درخواست‌ها پاک کنید.
- درخواست‌ها را در بارگذاری‌های صفحه ذخیره کنید .
- یک تجربه آفلاین را تقلید کنید .
- اتصالات شبکه کندتر را شبیه سازی کنید .
درخواست های شبکه را بررسی کنید
تمام درخواست های شبکه در جدول درخواست ها در مرکز پانل ثبت می شوند.
برای کسب اطلاعات بیشتر درباره ستون‌هایی که به‌طور پیش‌فرض نمایش داده می‌شوند و ستون‌های دیگری که می‌توانید اضافه کنید، مشاهده فهرست درخواست‌ها را ببینید.
روی نام یک درخواست کلیک کنید تا برگه هایی را با اطلاعات اضافی در مورد درخواست مشاهده کنید، از جمله موارد زیر:
- سرصفحه ها : سرصفحه های HTTP منبع انتخاب شده.
- Payload : پارامترهای رشته پرس و جو و داده های فرم درخواست.
- پیش نمایش : یک رندر اولیه از HTML.
- پاسخ : کد منبع HTML منبع انتخاب شده.
- آغازگر : چه چیزی باعث درخواست یک منبع شد.
- زمان : تفکیک فعالیت شبکه برای منبع انتخاب شده.
- کوکی ها : کوکی های یک درخواست و پاسخ آن.
درخواست های شبکه را فیلتر و مرتب کنید
پانل شبکه دو روش برای مرتب کردن درخواست ها در جدول درخواست ها به شما ارائه می دهد:
در زیر چندین روش برای فیلتر کردن درخواست ها در جدول درخواست ها وجود دارد:
- درخواست‌ها را بر اساس خواص فیلتر کنید
- درخواست ها را بر اساس نوع فیلتر کنید
- درخواست ها را بر اساس زمان فیلتر کنید
- آدرس های اینترنتی داده را پنهان کنید
- پنهان کردن URL های برنامه افزودنی
- فقط درخواست‌هایی را با کوکی‌های پاسخ مسدود شده نشان دهید
- فقط درخواست های مسدود شده را نشان دهید
- فقط درخواست های شخص ثالث را نشان دهید
سرصفحه ها و پاسخ های شبکه را جستجو کنید
برای یادگیری نحوه جستجوی سرصفحه‌های HTTP و پاسخ‌های همه منابع برای یک رشته یا عبارت منظم، سرصفحه‌ها و پاسخ‌های شبکه جستجو را ببینید.
تغییر رفتار بارگذاری
با تغییر رفتار بارگذاری در پنل شبکه ، تجربه کاربری صفحه خود را آزمایش کنید.
با استفاده از پنل Network می توانید کارهای زیر را انجام دهید:
- با غیرفعال کردن حافظه پنهان مرورگر، از بازدیدکننده‌ای که برای اولین بار بازدید می‌کند، شبیه‌سازی کنید
- کش مرورگر را به صورت دستی پاک کنید
- پاک کردن دستی کوکی های مرورگر
- شبیه سازی آفلاین
- اتصال شبکه کند را شبیه سازی کنید
- هدرهای پاسخ HTTP را لغو کنید
- نادیده گرفتن عامل کاربر
داده های درخواست شبکه را ذخیره و صادر کنید
برای ذخیره و صادر کردن داده های درخواست شبکه، به موارد زیر مراجعه کنید: