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

Inspecting Request Details in DevTools فحص تفاصيل الطلب والاستجابة

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

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

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

عند النقر على أي طلب داخل جدول الشبكة، تفتح لوحة جانبية تفصيلية تضم ستة تبويبات فرعية تكشف كل جزء من أجزاء رحلة الرسالة:

  1. 1. تبويب الرؤوس (): يعرض ثلاثة أقسام منظمة: ملخص عام ( يضم الرابط وطريقة الطلب ورمز الحالة وعنوان للخادم)، ورؤوس الاستجابة ()، ورؤوس الطلب ().
  2. 2. تبويب الحمولة المرسلة (): يعرض البيانات التي أرسلها العميل إلى الخادم، سواء كانت معلمات استعلام في الرابط () أو بيانات داخل جسم الطلب ().
  3. 3. تبويب المعاينة المنسقة (): يعرض جسم استجابة الخادم بصورة مرئية منسقة ويسيرة القراءة، مثل عرض كائنات كشجرة قابلة للطي أو عرض الصور المصغرة.
  4. 4. تبويب الاستجابة الخام (): يعرض النص الخام الفعلي لجسم الاستجابة كما وصل من الخادم حرفياً دون تجميل.
  5. 5. تبويب المُسبِّب (): يعرض التسلسل الكامل للنداءات البرمجية التي أدت إلى إرسال هذا الطلب.
  6. 6. تبويبا التوقيت والكوكيز (): يفصّل تبويب كل جزء من الثانية في رحلة الاتصال (فحص ، مصافحة ، زمن انتظار أول بايت ، وزمن التنزيل)، بينما يعرض تبويب القيم المرسلة والمستلمة في جدول واضح.

جرّب المحاكي التفاعلي الآتي لاستكشاف التبويبات الفرعية لفحص طلب HTTP حقيقي داخل أدوات المطور:

الصف 2 معاينة حية