انتقل إلى محتوى الدرس

Filtering Requests in DevTools فلترة الطلبات في لوحة الشبكة

تعلّم عملياً كيفية معاينة رسائل HTTP الحية باستخدام لوحة الشبكة في أدوات المطور، وقراءة جدول الطلبات ومخطط الشلال الزمني، والفلترة والبحث الشامل، وفحص الرسائل بأداة cURL والتعامل الآمن مع ملفات HAR.
3 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

قد يطلق فتح صفحة ويب حديثة واحدة ما بين 80 إلى 200 طلب HTTP منفصل لجلب الخطوط والأيقونات وملفات التنسيق وطلبات الخلفية. وللوصول الفوري إلى الطلب الذي تبحث عنه دون ضياع وسط مئات الأسطر، توفر لوحة الشبكة نظام فلترة مزدوجاً فائق الدقة:

  • 1. أزرار التصنيف السريع حسب نوع المورد: يمكنك النقر على أزرار الفلترة الجاهزة في أعلى الجدول لعزل فئة محددة:
    • : يعرض طلبات مستندات الأساسية فقط.
    • : يعزل طلبات البيانات الخلفية () فقط، وهو الفلتر الأكثر استخداماً عند فحص التطبيقات التفاعلية.
    • و و و: لعزل ملفات التنسيق أو السكربتات أو الصور أو الخطوط.
  • 2. معاملات الفلترة المتقدمة في مربع : يمكنك كتابة تعبيرات بحث ذكية داخل خانة الفلترة لاقتناص طلبات محددة بدقة كما في الأمثلة القياسية الآتية:
الصف 2 كود برمجي
نص
status-code:404
method:POST
domain:api.closetag.com
mime-type:application/json
larger-than:100k
has-response-header:Set-Cookie
-method:OPTIONS
الصف 3 ملاحظة هامة