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