مرجع ميزات الشبكة

Kayce Basques

Sofia Emelianova

اكتشِف طرقًا جديدة لتحليل كيفية تحميل صفحتك في هذا المرجع الشامل لميزات تحليل الشبكة في "أدوات مطوري البرامج في Chrome".

تسجيل طلبات الشبكة

تسجّل "أدوات مطوري البرامج" تلقائيًا جميع طلبات الشبكة في لوحة الشبكة، ما دامت "أدوات مطوري البرامج" مفتوحة.

إيقاف تسجيل طلبات الشبكة

لإيقاف تسجيل الطلبات، اتّبِع الخطوات التالية:

• انقر على إيقاف تسجيل سجلّ الشبكة في لوحة الشبكة. ويتحوّل اللون إلى اللون الرمادي للإشارة إلى أنّ أدوات مطوّري البرامج لم تعُد تسجِّل الطلبات.
• اضغط على Command> + E (نظام التشغيل Mac) أو Control + E (نظاما التشغيل Windows وLinux) عندما يكون التركيز على لوحة الشبكة.

محو الطلبات

انقر على محو في لوحة الشبكة لمحو جميع الطلبات من جدول الطلبات.

حفظ الطلبات في جميع عمليات تحميل الصفحات

لحفظ الطلبات في جميع عمليات تحميل الصفحات، ضَع علامة في مربّع الاختيار الاحتفاظ بالسجلّ في لوحة الشبكة. تحفظ أدوات مطوّري البرامج جميع الطلبات إلى أن يتم إيقاف الاحتفاظ بالسجلّ.

التقاط لقطات شاشة أثناء تحميل الصفحة

التقِط لقطات شاشة لتحليل ما يراه المستخدمون أثناء انتظار تحميل صفحتك.

لتفعيل لقطات الشاشة، افتح الإعدادات داخل لوحة الشبكة وضع علامة في المربّع التقاط لقطات شاشة.

يمكنك إعادة تحميل الصفحة أثناء التركيز على لوحة الشبكة لالتقاط لقطات شاشة.

بعد التقاط لقطات الشاشة، يمكنك التفاعل مع لقطات الشاشة بالطرق التالية:

• مرِّر مؤشر الماوس فوق لقطة شاشة لعرض النقطة التي تم فيها التقاط لقطة الشاشة هذه. يظهر خط أصفر في جزء النظرة العامة.
• انقر على الصورة المصغّرة للقطة الشاشة لفلترة أي طلبات حدثت بعد الحصول على لقطة الشاشة.
• انقر مرّتين على إحدى الصور المصغّرة لتكبيرها.

إعادة تشغيل طلب XHR

لإعادة تشغيل طلب XHR، نفِّذ أحد الإجراءات التالية في جدول الطلبات:

• اختَر الطلب واضغط على R.
• انقر بزر الماوس الأيمن على الطلب واختَر إعادة تشغيل XHR.

تغيير سلوك التحميل

محاكاة زائر لأول مرة من خلال إيقاف ذاكرة التخزين المؤقت في المتصفح

لمحاكاة تجربة المستخدم لأول مرة لموقعك، ضع علامة في مربع الاختيار إيقاف ذاكرة التخزين المؤقت. توقِف "أدوات مطوري البرامج" ذاكرة التخزين المؤقت في المتصفّح. ويحاكي ذلك بشكل أكثر دقة تجربة المستخدم لأول مرة، لأنه يتم عرض الطلبات من ذاكرة التخزين المؤقت في المتصفح عند الزيارات المتكررة.

إيقاف ذاكرة التخزين المؤقت للمتصفِّح من درج شروط الشبكة

إذا أردت إيقاف ذاكرة التخزين المؤقت أثناء العمل في لوحات "أدوات مطوّري البرامج" الأخرى، استخدِم الدرج حالات الشبكة.

1. انقر على رمز لفتح درج شروط الشبكة.
2. ضع علامة في مربّع الاختيار إيقاف ذاكرة التخزين المؤقت أو أزِله.

محو ذاكرة التخزين المؤقت للمتصفّح يدويًا

لمحو ذاكرة التخزين المؤقت للمتصفّح يدويًا في أي وقت، انقر بزر الماوس الأيمن في أي مكان في جدول الطلبات واختَر محو ذاكرة التخزين المؤقت للمتصفّح.

محاكاة وضع عدم الاتصال بالإنترنت

هناك فئة جديدة من تطبيقات الويب تُسمى تطبيقات الويب التقدّمية والتي يمكن أن تعمل بلا اتصال بالإنترنت بمساعدة عاملي الخدمة. عند إنشاء هذا النوع من التطبيقات، من المفيد أن تكون قادرًا على محاكاة جهاز ليس لديه اتصال بيانات.

لمحاكاة تجربة شبكة بلا اتصال بالإنترنت بالكامل، اختَر بلا اتصال من القائمة المنسدلة تقييد الشبكة بجانب مربع الاختيار إيقاف ذاكرة التخزين المؤقت.

تعرض "أدوات مطوري البرامج" رمز تحذير بجانب علامة التبويب الشبكة لتذكيرك بتفعيل وضع عدم الاتصال بالإنترنت.

محاكاة اتصالات الشبكة البطيئة

لمحاكاة سرعات شبكة الجيل الثالث البطيئة والجيل الثالث وسرعات الاتصال الأخرى، حدِّد الخيارات المناسبة من قائمة التقييد.

تعرض "أدوات مطوري البرامج" رمز تحذير بجانب علامة التبويب الشبكة لتذكيرك بأنّ ميزة التقييد مفعَّلة.

إنشاء ملفات شخصية مخصّصة للتقييد

بالإضافة إلى الإعدادات المسبقة، مثل شبكة الجيل الثالث البطيئة أو السريعة، يمكنك أيضًا إضافة ملفات شخصية للتقييد المخصصة:

1. افتح قائمة التقييد واختَر مخصَّص > إضافة....
2. يمكنك إعداد ملف شخصي جديد للتقييد كما هو موضَّح في الإعدادات > تقييد.

3. في لوحة الشبكة، اختَر ملفك الشخصي الجديد من القائمة المنسدلة تقييد.

   

تعرض "أدوات مطوري البرامج" رمز التحذير بجانب لوحة الشبكة لتذكيرك بتفعيل ميزة التقييد.

اتصالات Throttle WebSocket

بالإضافة إلى طلبات HTTP، تفرض أدوات مطوّري البرامج قيودًا على اتصالات WebSocket منذ الإصدار 99.

لملاحظة تقييد WebSocket:

1. ابدأ عملية ربط جديدة، على سبيل المثال، باستخدام أداة اختبار.
2. في لوحة الشبكة، اختَر بدون تقييد وأرسِل رسالة من خلال الاتصال.
3. إنشاء ملف شخصي محدود مخصّص بطيء جدًا، على سبيل المثال 10 kbit/s سيساعدك هذا الملف الشخصي البطيء على ملاحظة الفرق.
4. في لوحة الشبكة، اختَر الملف الشخصي وأرسِل رسالة أخرى.
5. بدِّل فلتر WS، وانقر على اسم عملية الربط، وافتح علامة التبويب الرسائل، وتحقَّق من فرق الوقت بين الرسائل المُرسَلة والمُعادَة، مع تقييدها أو عدم تقييدها. مثال:

محاكاة اتصالات الشبكة البطيئة من درج شروط الشبكة

إذا أردت زيادة مستوى اتصال الشبكة أثناء العمل على لوحات "أدوات مطوّري البرامج" الأخرى، استخدِم درج حالات الشبكة.

1. انقر على رمز لفتح درج شروط الشبكة.
2. اختَر سرعة الاتصال من قائمة تقييد الشبكة.

محو ملفات تعريف ارتباط المتصفِّح يدويًا

لمحو ملفات تعريف ارتباط المتصفّح يدويًا في أي وقت، انقر بزر الماوس الأيمن في أي مكان في جدول الطلبات واختَر محو ملفات تعريف ارتباط المتصفّح.

تجاهُل عناوين استجابة HTTP

يُرجى الاطّلاع على تجاوز الملفات وعناوين استجابة HTTP محليًا.

تجاهُل وكيل المستخدم

لتجاهل وكيل المستخدم يدويًا:

1. انقر على رمز لفتح درج شروط الشبكة.
2. امحُ تحديد تلقائي.
3. حدِّد أحد خيارات وكيل المستخدم من القائمة أو أدخِل خيارًا مخصّصًا في المربّع.

فلترة الطلبات

فلترة الطلبات حسب المواقع

استخدِم المربّع فلتر لفلترة الطلبات حسب المواقع الإلكترونية، مثل النطاق أو حجم الطلب.

إذا لم تتمكن من رؤية المربّع، فربما يكون جزء "الفلاتر" مخفيًا. يُرجى الاطّلاع على إخفاء جزء "الفلاتر".

لقلب الفلتر، ضَع علامة في مربّع الاختيار قلب بجانب المربّع الفلتر.

يمكنك استخدام عدة مواقع في الوقت نفسه عن طريق فصل كل موقع بمسافة. على سبيل المثال، يعرض mime-type:image/gif larger-than:1K جميع ملفات GIF التي يزيد حجمها عن واحد كيلوبايت. تعادل فلاتر المواقع المتعددة هذه عمليات AND. عمليات OR غير متاحة.

في ما يلي قائمة كاملة بالسمات المتاحة.

• cookie-domain. عرض الموارد التي تضبط نطاق ملفات تعريف ارتباط محدّدًا
• cookie-name. عرض الموارد التي تعيّن اسم ملف تعريف ارتباط محددًا
• cookie-path. عرض الموارد التي تضبط مسار ملفات تعريف ارتباط محدّدًا
• cookie-value. عرض الموارد التي تضبط قيمة ملف تعريف ارتباط معيّنة.
• domain. عرض الموارد من النطاق المحدد فقط. يمكنك استخدام حرف بدل (*) لتضمين نطاقات متعددة. على سبيل المثال، تعرض *.com الموارد من جميع أسماء النطاقات التي تنتهي بـ .com. تعرض أدوات مطوّري البرامج قائمة منسدلة للإكمال التلقائي تتضمن جميع النطاقات التي واجهها.
• has-overrides. يتم عرض الطلبات التي تجاوزت content أو headers أو أي عمليات إلغاء (yes)، أو التي لم يتم فيها إلغاء أيّ عملية (no). ويمكنك إضافة العمود عمليات الإلغاء المناسبة إلى جدول الطلبات.
• has-response-header. يعرض الموارد التي تحتوي على عنوان استجابة HTTP المحدّد. تملأ "أدوات مطوري البرامج" القائمة المنسدلة للإكمال التلقائي بجميع عناوين الاستجابة التي واجهتها.
• is. يمكنك استخدام is:running للعثور على WebSocket مورد.
• larger-than. عرض الموارد الأكبر من الحجم المحدد بالبايت. إنّ ضبط قيمة 1000 يوازي ضبط قيمة 1k.
• method. عرض الموارد التي تم استردادها باستخدام نوع طريقة HTTP محدّد يملأ DevTool القائمة المنسدلة للإكمال التلقائي بجميع طرق HTTP التي واجهها.
• mime-type. عرض الموارد من نوع MIME محدّد. تقوم أدوات مطوّري البرامج بتعبئة القائمة المنسدلة للإكمال التلقائي بجميع أنواع MIME التي واجهتها.
• mixed-content. إظهار جميع موارد المحتوى المختلط (mixed-content:all) أو الموارد المعروضة (mixed-content:displayed) فقط.
• priority. عرض الموارد التي يتطابق مستوى أولويتها مع القيمة المحدَّدة
• resource-type. عرض الموارد من نوع مورد، مثل صورة تملأ "أدوات مطوري البرامج" القائمة المنسدلة للإكمال التلقائي بجميع أنواع الموارد التي واجهتها.
• response-header-set-cookie. يمكنك الاطّلاع على عناوين "مجموعة ملفات تعريف الارتباط" الأولية في علامة التبويب "المشاكل". سيتم وضع علامة في لوحة "الشبكة" على ملفات تعريف الارتباط المشوهة التي تتضمن عناوين Set-Cookie غير صحيحة.
• scheme. عرض الموارد التي تم استردادها عبر بروتوكول HTTP غير محمي (scheme:http) أو بروتوكول HTTPS محمي (scheme:https).
• set-cookie-domain. يعرض الموارد التي تحتوي على عنوان Set-Cookie مع السمة Domain التي تتطابق مع القيمة المحدّدة. تعمل "أدوات مطوري البرامج" على تعبئة الإكمال التلقائي بجميع نطاقات ملفات تعريف الارتباط التي واجهها.
• set-cookie-name. يعرض الموارد التي تحتوي على العنوان Set-Cookie باسم يتطابق مع القيمة المحدّدة. تملأ "أدوات مطوري البرامج" الإكمال التلقائي بجميع أسماء ملفات تعريف الارتباط التي واجهتها.
• set-cookie-value. يعرض الموارد التي تحتوي على العنوان Set-Cookie بقيمة تُطابق القيمة المحدّدة. تملأ "أدوات مطوري البرامج" الإكمال التلقائي بجميع قيم ملفات تعريف الارتباط التي رصدتها.
• status-code. عرض الموارد التي يتطابق رمز حالة HTTP فيها مع الرمز المحدَّد. تملأ "أدوات مطوري البرامج" القائمة المنسدلة للإكمال التلقائي بجميع أكواد الحالة التي صادفتها.
• url. عرض الموارد التي تحتوي على url تتطابق مع القيمة المحدّدة.

فلترة الطلبات حسب النوع

لفلترة الطلبات حسب نوع الطلب، انقر على الأزرار الكل أو الجلب/XHR أو JS أو CSS أو Img أو الوسائط الخط أو المستند أو WS (WebSocket) أو Wasm (WebAssembly) أو Manifest أو غير ذلك (أي نوع آخر غير مدرج هنا) في لوحة الشبكة.

إذا لم تتمكن من رؤية هذه الأزرار، ربما يكون جزء "الفلاتر" مخفيًا. راجع إخفاء جزء الفلاتر.

لتفعيل فلاتر أنواع متعددة في آنٍ واحد، اضغط مع الاستمرار على Command (نظام التشغيل Mac) أو Control (نظام التشغيل Windows وLinux) وانقر بعد ذلك.

فلترة الطلبات حسب الوقت

اسحب لليمين أو اليسار في جزء نظرة عامة لعرض الطلبات التي كانت نشطة فقط خلال هذا الإطار الزمني. الفلتر شامل. ويتم عرض أي طلب كان نشطًا خلال الفترة المحدّدة.

إخفاء عناوين URL للبيانات

عناوين URL للبيانات هي ملفات صغيرة مضمّنة في مستندات أخرى. أي طلب يظهر لك في جدول الطلبات ويبدأ بالرمز data: هو عنوان URL للبيانات.

لإخفاء هذه الطلبات، يمكنك الاطّلاع على إخفاء عناوين URL للبيانات.

يعرض شريط الحالة في أسفل الصفحة عدد الطلبات المعروضة من إجمالي عدد الطلبات.

إخفاء عناوين URL للإضافات

للتركيز على الرمز البرمجي الذي ألِّفته، يمكنك استبعاد الطلبات غير الملائمة التي تُرسلها الإضافات التي ربما تكون ثبَّتها في Chrome. تتضمّن طلبات الإضافات عناوين URL تبدأ بـ chrome-extension://.

لإخفاء طلبات الإضافات، تحقَّق من إخفاء عناوين URL للإضافات.

يعرض شريط الحالة في أسفل الصفحة عدد الطلبات المعروضة من إجمالي عدد الطلبات.

عرض الطلبات التي تتضمَّن ملفّات تعريف الارتباط المحظورة الخاصة بالاستجابة فقط

لفلترة كل الطلبات باستثناء الطلبات التي تم حظر ملفّات تعريف الارتباط الخاصة بالاستجابة لها لأي سبب، ضَع علامة في المربّع ملفات تعريف الارتباط المحظورة الخاصة بالاستجابة. يمكنك تجربته على صفحة العرض التوضيحي هذه.

يعرض شريط الحالة في أسفل الصفحة عدد الطلبات المعروضة من إجمالي عدد الطلبات.

لمعرفة سبب حظر ملف تعريف الارتباط للاستجابة، اختَر الطلب، وافتح علامة التبويب ملفات تعريف الارتباط، ومرِّر مؤشر الماوس فوق رمز المعلومات .

بالإضافة إلى ذلك، تعرض لوحة الشبكة رمز التحذير تحذير بجانب الطلب المتأثر بالإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية أو تم استثناؤه منه. مرِّر مؤشّر الماوس فوق الرمز لعرض تلميح يتضمّن دليلاً، وانقر عليه للانتقال إلى لوحة المشاكل للحصول على مزيد من المعلومات.

عرض الطلبات المحظورة فقط

لفلترة كل البيانات باستثناء الطلبات المحظورة، اطّلِع على علامة التبويب الطلبات المحظورة. لاختبار ذلك، يمكنك استخدام علامة تبويب الدرج حظر طلبات الشبكة.

يعرض جدول الطلبات الطلبات المحظورة باللون الأحمر. يعرض شريط الحالة في أسفل الصفحة عدد الطلبات المعروضة من إجمالي عدد الطلبات.

عرض طلبات الجهات الخارجية فقط

لفلترة كل العناصر باستثناء الطلبات التي تتضمّن مصدرًا يختلف عن مصدر الصفحة، يُرجى الاطّلاع على طلبات الجهات الخارجية. يمكنك تجربته على صفحة العرض التوضيحي هذه.

يعرض شريط الحالة في أسفل الصفحة عدد الطلبات المعروضة من إجمالي عدد الطلبات.

ترتيب الطلبات

يتم ترتيب الطلبات في جدول الطلبات تلقائيًا حسب وقت البدء، ولكن يمكنك ترتيب الجدول باستخدام معايير أخرى.

الترتيب حسب العمود

انقر على عنوان أي عمود في جدول الطلبات لترتيب الطلبات حسب ذلك العمود.

الترتيب حسب مرحلة النشاط

لتغيير طريقة ترتيب الطلبات في منهجية الشلال، انقر بزر الماوس الأيمن على عنوان جدول "الطلبات"، ومرِّر مؤشر الماوس فوق شلال وحدِّد أحد الخيارات التالية:

• وقت البدء: الطلب الأول الذي تم بدؤه يظهر في أعلى الصفحة.
• مدة الردّ: ويظهر الطلب الأول الذي بدأ التنزيل في أعلى الصفحة.
• وقت الانتهاء: يظهر الطلب الأول الذي تم الانتهاء منه في أعلى الصفحة.
• إجمالي المدة: يظهر الطلب الذي يحتوي على أقصر إعداد للاتصال والطلب / الرد في الأعلى.
• وقت الاستجابة: يظهر في أعلى الصفحة الطلب الذي ينتظر أقصر وقت للرد.

تفترض هذه الأوصاف أن كل خيار ذي صلة مرتبة من الأقصر إلى الأطول. يؤدي النقر على عنوان عمود منهجية الشلال إلى عكس الترتيب.

في هذا المثال، يتم ترتيب الشلال حسب المدة الإجمالية. الجزء الأخف من كل شريط هو الوقت المستغرق في الانتظار. الجزء الأغمق هو الوقت المستغرق في تنزيل وحدات البايت.

تحليل الطلبات

ما دامت "أدوات مطوري البرامج" مفتوحة، يتم تسجيل جميع الطلبات في لوحة الشبكة. استخدِم لوحة الشبكة لتحليل الطلبات.

الاطّلاع على سجلّ الطلبات

يمكنك استخدام جدول الطلبات للاطّلاع على سجلّ بجميع الطلبات التي تم إجراؤها عندما كانت "أدوات مطوّري البرامج" مفتوحة. يكشف النقر على الطلبات أو التمرير فوقها عن مزيد من المعلومات عنها.

يعرض جدول "الطلبات" الأعمدة التالية بشكل افتراضي:

• الاسم. اسم ملف المورد أو معرِّف له.

• الحالة: يمكن أن يعرض هذا العمود القيم التالية:

  

  • رمز حالة HTTP، على سبيل المثال، 200 أو 404
  • تعذّر تنفيذ CORS error للطلبات بسبب مشاركة الموارد المتعدّدة المصادر (CORS).
  • (blocked:origin) للطلبات التي تم إعداد رؤوسها بشكل غير صحيح. مرِّر مؤشر الماوس فوق قيمة الحالة هذه لعرض تلميح يحتوي على تلميح حول الخطأ الذي حدث.
  • (failed) متبوعة برسالة الخطأ.

• النوع: نوع MIME للمورد المطلوب.

• أداة البدء: يمكن للكائنات أو العمليات التالية بدء الطلبات:

  • محلل لغوي: محلّل HTML اللغوي في Chrome
  • إعادة التوجيه: إعادة توجيه HTTP.
  • النص البرمجي: دالة JavaScript.
  • غير ذلك: بعض العمليات أو الإجراءات الأخرى، مثل الانتقال إلى صفحة باستخدام رابط أو إدخال عنوان URL في شريط العناوين.

• المقاس: الحجم المُجمَّع لرؤوس الاستجابة بالإضافة إلى نص الاستجابة، كما تم تسليمه من خلال الخادم.

• الوقت: المدة الإجمالية، من بداية الطلب إلى استلام البايت الأخير في الاستجابة.

• الشلال: تحليل مرئي لنشاط كل طلب.

إضافة أعمدة أو إزالتها

انقر بزر الماوس الأيمن على عنوان جدول الطلبات وحدِّد خيارًا لإخفائها أو إظهارها. تظهر علامات اختيار بجانب الخيارات المعروضة.

يمكنك إضافة الأعمدة الإضافية التالية أو إزالتها: المسار وعنوان URL والطريقة والبروتوكول والمخطط والنطاق والعنوان البعيد ومساحة العنوان البعيد ومساحة عنوان المُنشئ وملفات تعريف الارتباط وإعداد ملفات تعريف الارتباط والأولوية ورقم تعريف الاتصال وعمليات الإلغاء.

إضافة أعمدة مخصّصة

لإضافة عمود مخصّص إلى جدول الطلبات:

1. انقر بزر الماوس الأيمن على عنوان جدول الطلبات واختَر عناوين الاستجابة > إدارة أعمدة العناوين.
2. في نافذة مربّع الحوار، انقر على إضافة عنوان مخصَّص، وأدخِل اسمه، ثم انقر على إضافة.

تجميع الطلبات حسب الإطارات المضمّنة

إذا بدأت الإطارات المضمنة في إحدى الصفحات في حدوث الكثير من الطلبات، فيمكنك جعل سجل الطلبات أكثر توافقًا من خلال تجميعها.

لتجميع الطلبات حسب إطارات iframe، افتح الإعدادات داخل لوحة الشبكة وضع علامة في المربّع تجميع حسب الإطار.

لعرض طلب شغّله إطار مضمّن، عليك توسيعه في سجلّ الطلبات.

عرض توقيت الطلبات في ما يتعلّق ببعضها

استخدِم منهجية الشلال لعرض توقيت الطلبات في ما يتعلّق ببعضها. ويتم تنظيم منهجية الشلال تلقائيًا حسب وقت بدء الطلبات. لذلك، الطلبات البعيدة إلى اليسار بدأت قبل تلك الطلبات البعيدة إلى اليمين.

راجِع الترتيب حسب مرحلة النشاط للاطّلاع على الطرق المختلفة التي يمكنك من خلالها ترتيب منهجية الشلال.

تحليل رسائل اتصال WebSocket

لعرض رسائل اتصال WebSocket:

1. ضمن عمود الاسم من جدول الطلبات، انقر على عنوان URL لاتصال WebSocket.
2. انقر على علامة التبويب الرسائل. يعرض الجدول آخر 100 رسالة.

لإعادة تحميل الجدول، انقر مجددًا على اسم اتصال WebSocket ضمن عمود الاسم في جدول الطلبات.

يتضمن الجدول ثلاثة أعمدة:

• البيانات: حمولة الرسالة إذا كانت الرسالة نصًا عاديًا، سيتم عرضها هنا. بالنسبة إلى رموز العمليات الثنائية، يعرض هذا العمود اسم رمز العملية ورمزه. يتم دعم رموز العمليات التالية: Continuation Frame وBinary Frame وConnection Close Frame وPing Frame وإطار Pong.
• الطول: طول حمولة الرسالة بالبايت.
• الوقت: الوقت الذي تم فيه استلام الرسالة أو إرسالها.

يتم ترميز الرسائل بالألوان حسب نوعها:

• تظهر الرسائل النصية الصادرة بلون أخضر فاتح.
• تظهر الرسائل النصية الواردة باللون الأبيض.
• تكون رموز عمليات WebSocket باللون الأصفر الفاتح.
• تظهر الأخطاء باللون الأحمر الفاتح.

تحليل الأحداث في ساحة مشاركات

لعرض الأحداث التي تبثّها الخوادم من خلال Fetch API وEventSource API وXHR:

1. تسجيل طلبات الشبكة على صفحة تبث الأحداث على سبيل المثال، افتح صفحة العرض التوضيحي هذه وانقر على أي من الأزرار الثلاثة.
2. في الشبكة، اختَر طلبًا وافتح علامة التبويب EventStream.

لفلترة الأحداث، حدِّد تعبيرًا عاديًا في شريط الفلترة في أعلى علامة التبويب EventStream.

لمحو قائمة الأحداث التي تم تسجيلها، انقر على حظر محو.

عرض معاينة لنص الاستجابة

للاطّلاع على معاينة لنص الاستجابة:

1. انقر على عنوان URL للطلب، ضمن عمود الاسم في جدول الطلبات.
2. انقر على علامة التبويب معاينة.

تكون علامة التبويب هذه مفيدة في أغلب الأحيان لعرض الصور.

عرض نص الاستجابة

لعرض نص الاستجابة لطلب:

1. انقر على عنوان URL للطلب، ضمن عمود الاسم في جدول "الطلبات".
2. انقر على علامة التبويب الاستجابة.

عرض عناوين HTTP

لعرض بيانات عنوان HTTP لأحد الطلبات:

1. انقر على طلب في جدول الطلبات.
2. افتح علامة التبويب العناوين ومرِّر لأسفل إلى القسم عام أو عناوين الاستجابة أو عناوين الطلب.

في القسم الإعدادات العامة، تعرض "أدوات مطوري البرامج" رسالة حالة يمكن للمستخدمين قراءتها بجانب رمز حالة HTTP الذي تم استلامه.

في قسم عناوين الاستجابة، يمكنك تمرير مؤشر الماوس فوق قيمة العنوان والنقر على الزر تعديل لإلغاء عنوان الاستجابة محليًا.

عرض مصدر عنوان HTTP

تعرض علامة التبويب العناوين تلقائيًا أسماء العناوين أبجديًا. لعرض أسماء عناوين HTTP بالترتيب الذي تم استلامها به:

1. افتح علامة التبويب العناوين للطلب الذي تهتم به. راجِع عرض عناوين HTTP.
2. انقر على عرض المصدر، بجانب القسم عنوان الطلب أو عنوان الاستجابة.

تحذير بشأن العناوين المؤقتة

في بعض الأحيان، تعرض علامة التبويب العناوين رسالة التحذير Provisional headers are shown.... ومن الممكن أن يرجع ذلك للأسباب التالية:

• لم يتم إرسال الطلب عبر الشبكة، ولكن تم عرضه من ذاكرة تخزين مؤقت محلية لا تخزِّن عناوين الطلب الأصلية. وفي هذه الحالة، يمكنك إيقاف التخزين المؤقت للاطّلاع على عناوين الطلبات الكاملة.

• مورد الشبكة غير صالح. على سبيل المثال، يمكنك تنفيذ fetch("https://jec.fish.com/unknown-url/") في وحدة التحكم.

ولا يمكن أن تعرض "أدوات مطوّري البرامج" أيضًا العناوين المؤقتة إلا لأسباب أمنية.

عرض حمولة الطلب

لعرض حمولة الطلب، أي معلَمات سلسلة طلب البحث وبيانات النموذج، اختَر طلبًا من جدول الطلبات وافتح علامة التبويب حمولة.

عرض مصدر الحمولة

تعرض "أدوات مطوري البرامج" تلقائيًا الحمولة في نموذج يمكن للمستخدمين قراءته.

لعرض مصادر مَعلمات سلسلة طلب البحث وبيانات النموذج، في علامة التبويب حمولة، انقر على عرض المصدر بجانب القسمين مَعلمات سلسلة طلب البحث أو بيانات النموذج.

عرض الوسيطات المفكوك ترميزها لعنوان URL لمعلمات سلسلة طلب البحث

لتبديل ترميز عنوان URL للوسيطات، انقر على عرض البيانات المرمّزة أو عرض عنوان URL المشفّر في علامة التبويب حمولة.

عرض ملفات تعريف الارتباط

لعرض ملفات تعريف الارتباط المُرسَلة في عنوان HTTP الخاص بالطلب:

1. انقر على عنوان URL للطلب، ضمن عمود الاسم في جدول "الطلبات".
2. انقر على علامة التبويب ملفات تعريف الارتباط.

وللحصول على وصف لكل عمود، اطّلِع على الحقول.

لتعديل ملفات تعريف الارتباط، يمكنك الاطّلاع على عرض ملفات تعريف الارتباط وتعديلها وحذفها.

عرض تفاصيل توقيت الطلب

لعرض تفاصيل التوقيت لأحد الطلبات:

1. انقر على عنوان URL للطلب، ضمن عمود الاسم في جدول الطلبات.
2. انقر على علامة التبويب التوقيت.

يُرجى الاطّلاع على معاينة تفصيل التوقيت للاطّلاع على طريقة أسرع للوصول إلى هذه البيانات.

يُرجى الاطّلاع على شرح مراحل تقسيم التوقيت للحصول على مزيد من المعلومات عن كل مرحلة من المراحل التي قد تظهر لك في علامة التبويب التوقيت.

معاينة تفاصيل التوقيت

لعرض معاينة لتفاصيل توقيت أحد الطلبات، مرِّر مؤشر الماوس فوق إدخال الطلب في العمود شلال ضمن جدول "الطلبات".

يمكنك الاطّلاع على عرض تفاصيل توقيت الطلب للتعرّف على طريقة لا تتطلّب التمرير للوصول إلى هذه البيانات.

شرح مراحل تقسيم التوقيت

في ما يلي مزيد من المعلومات عن كل مرحلة من المراحل التي قد تظهر لك في علامة التبويب التوقيت:

• الإضافة إلى قائمة المحتوى التالي: يضع المتصفّح الطلبات في قائمة الانتظار قبل بدء الاتصال وعندما:
  • هناك طلبات ذات أولوية أعلى.
  • هناك ستة اتصالات TCP مفتوحة من قبل لهذا المصدر، وهو الحد الأقصى. ينطبق ذلك على HTTP/1.0 وHTTP/1.1 فقط.
  • يخصص المتصفح مساحة لفترة وجيزة في ذاكرة التخزين المؤقت على القرص.
• ثابت: من الممكن أن يتم إيقاف الطلب بعد بدء الاتصال لأي من الأسباب الموضَّحة في قائمة المحتوى التالي.
• البحث في نظام أسماء النطاقات: يعالج المتصفح عنوان IP للطلب.
• الاتصال الأول. ينشئ المتصفح اتصالاً، بما في ذلك عمليات تأكيد اتصال بروتوكول التحكم بالنقل أو إعادة المحاولة والتفاوض بشأن طبقة المقابس الآمنة.
• التفاوض على الخادم الوكيل: يتفاوض المتصفِّح في الطلب مع خادم وكيل.
• تم إرسال الطلب. يتم إرسال الطلب.
• إعداد مشغّل الخدمات: يبدأ المتصفِّح في تشغيل مشغّل الخدمات.
• طلب إلى ServiceWorker. يتم إرسال الطلب إلى مشغّل الخدمات.
• قيد الانتظار (TTFB): ينتظر المتصفّح البايت الأول من الردّ. الاختصار TTFB يرمز إلى "الوقت للوصول إلى أول بايت". ويشمل هذا التوقيت عملية ذهاب وعودة واحدة في وقت الاستجابة والوقت الذي استغرقه الخادم في تحضير الاستجابة.
• تنزيل المحتوى: يتلقى المتصفح الاستجابة، إما بشكل مباشر من الشبكة أو من أحد مشغّلي الخدمات. هذه القيمة هي إجمالي الوقت المستغرق في قراءة نص الاستجابة. يمكن أن تشير القيم الأكبر من المتوقع إلى بطء الشبكة، أو إلى انشغال المتصفِّح أثناء أداء مهام أخرى، ما يؤدي إلى تأخير قراءة الاستجابة.

عرض الأدوات والتبعيات

لعرض عوامل بدء الطلب وتبعياته، اضغط مع الاستمرار على Shift ومرِّر مؤشر الماوس فوق الطلب في جدول "الطلبات". ألوان بداية أدوات مطوّري البرامج باللون الأخضر، والتبعيات باللون الأحمر.

عند ترتيب جدول الطلبات بالترتيب الزمني، يكون الطلب الأخضر الأول أعلى الطلب الذي تمرِّر مؤشّر الماوس فوقه هو منشئ التبعية. إذا كان هناك طلب آخر باللون الأخضر أعلاه، فهذا الطلب الأعلى هو منشئ الطلب. وما إلى ذلك.

عرض أحداث التحميل

تعرض "أدوات مطوري البرامج" توقيت حدثَي DOMContentLoaded وload في عدة أماكن على لوحة الشبكة. يظهر حدث DOMContentLoaded باللون الأزرق وحدث load باللون الأحمر.

الاطّلاع على إجمالي عدد الطلبات

ويتم إدراج إجمالي عدد الطلبات في لوحة الملخّص في أسفل لوحة الشبكة.

تنبيه: تنبيه: يتتبّع هذا الرقم فقط الطلبات التي تم تسجيلها منذ فتح "أدوات مطوري البرامج". وإذا وردت طلبات أخرى قبل فتح "أدوات مطوري البرامج"، لن يتم احتساب هذه الطلبات.

عرض الحجم الإجمالي للموارد المنقولة والمحمَّلة

تعرض أدوات مطوّري البرامج الحجم الإجمالي للموارد المنقولة (غير المضغوطة) التي تم نقلها وتحميلها في جزء الملخّص أسفل لوحة الشبكة.

تنبيه: تنبيه: يتتبّع هذا الرقم فقط الطلبات التي تم تسجيلها منذ فتح "أدوات مطوري البرامج". وإذا وردت طلبات أخرى قبل فتح "أدوات مطوري البرامج"، لن يتم احتساب هذه الطلبات.

راجع عرض الحجم غير المضغوط لمورد لمعرفة حجم الموارد بعد فك ضغط المتصفح.

عرض عملية تتبُّع تسلسل استدعاء الدوال البرمجية التي تسببت في تقديم الطلب

عندما تؤدّي عبارة JavaScript إلى طلب مورد، مرِّر مؤشر الماوس فوق عمود Initiator (المبدأ) للاطّلاع على تتبُّع تسلسل استدعاء الدوال البرمجية الذي يؤدي إلى الطلب.

عرض الحجم غير المضغوط لمورد

تحقَّق من الإعدادات > صفوف الطلبات الكبيرة، ثم اطّلِع على القيمة السفلية لعمود الحجم.

في هذا المثال، بلغ الحجم المضغوط للمستند www.google.com الذي تم إرساله عبر الشبكة 43.8 KB، بينما كان الحجم غير المضغوط 136 KB.

تصدير بيانات الطلبات

حفظ جميع طلبات الشبكة في ملف HAR

HAR (أرشيف HTTP) هو تنسيق ملف تستخدمه العديد من أدوات جلسة HTTP لتصدير البيانات التي تم التقاطها. التنسيق هو كائن JSON مع مجموعة معيّنة من الحقول.

يمكنك حفظ جميع طلبات الشبكة إلى ملف HAR بطريقتين:

• انقر بزر الماوس الأيمن على أي طلب في جدول الطلبات واختَر حفظ الكل باسم HAR مع المحتوى.
• انقر على تصدير HAR في شريط الإجراءات أعلى لوحة الشبكة.

ملاحظة: تصدِّر "أدوات مطوري البرامج" جميع الطلبات التي أُجريت منذ فتح "أدوات مطوري البرامج" إلى ملف HAR. لا يمكنك فلترة طلبات التصدير. لحفظ طلب واحد، يُرجى الاطّلاع على المقالة نسخ طلب واحد أو أكثر إلى الحافظة.

بعد إنشاء ملف HAR، يمكنك استيراده مرة أخرى إلى "أدوات مطوري البرامج" من أجل التحليل بطريقتَين:

• اسحب ملف HAR وأفلِته في جدول الطلبات.
• انقر على استيراد HAR في شريط الإجراءات أعلى لوحة الشبكة.

ملاحظة: تقرأ لوحة الشبكة جهات بدء الطلبات التي تم استيرادها من ملفات HAR وتعرضها.

نسخ طلب واحد أو أكثر إلى الحافظة

ضمن عمود الاسم في جدول الطلبات، انقر بزر الماوس الأيمن على طلب، ومرِّر مؤشر الماوس فوق نسخ، ثم حدِّد أحد الخيارات التالية:

• نسخ عنوان URL انسخ عنوان URL للطلب إلى الحافظة.
• النسخ بتنسيق cURL. انسخ الطلب في صورة أمر cURL.
• النسخ بتنسيق PowerShell. انسخ الطلب كأمر PowerShell.
• النسخ كطريقة استرجاع: انسخ الطلب كاستدعاء استرجاع.

• النسخ كاسترجاع في Node.js. انسخ الطلب كاستدعاء استرجاع في Node.js.

  ---

• نسخ الرد نسخ نص الاستجابة إلى الحافظة

  ---

• نسخ جميع عناوين URL: نسخ عناوين URL لجميع الطلبات إلى الحافظة

• نسخ الكل بتنسيق cURL انسخ جميع الطلبات كسلسلة من أوامر cURL.

• انسخ الكل بتنسيق PowerShell. انسخ جميع الطلبات كسلسلة من أوامر PowerShell.

• نسخ الكل كإجراء استرجاع نسخ جميع الطلبات كسلسلة من استدعاءات الاسترجاع

• انسخ الكل كعملية استرجاع في Node.js. انسخ جميع الطلبات كسلسلة من استدعاءات استرجاع Node.js.

• نسخ الكل بتنسيق HAR نسخ جميع الطلبات كبيانات HAR

تغيير تنسيق لوحة الشبكة

يمكنك توسيع أقسام واجهة مستخدم لوحة الشبكة أو تصغيرها للتركيز على ما هو مهم بالنسبة إليك.

إخفاء جزء "الفلاتر"

تعرض "أدوات مطوّري البرامج" جزء الفلاتر تلقائيًا. انقر على رمز الفلتر لإخفائها.

استخدام صفوف كبيرة للطلبات

استخدِم صفوفًا كبيرة عندما تريد المزيد من المسافات البيضاء في جدول طلبات الشبكة. توفر بعض الأعمدة أيضًا مزيدًا من المعلومات عند استخدام الصفوف الكبيرة. على سبيل المثال، القيمة السفلية لعمود الحجم هي الحجم غير المضغوط للطلب، ويعرض عمود الأولوية أولوية الاسترجاع الأولية (القيمة السفلية) والنهائية (أعلى قيمة).

افتح الإعدادات وانقر على صفوف الطلبات الكبيرة للاطّلاع على الصفوف الكبيرة.

إخفاء مسار "نظرة عامة"

تعرض "أدوات مطوري البرامج" المسار نظرة عامة تلقائيًا. افتح الإعدادات وأزل العلامة من مربّع الاختيار عرض نظرة عامة لإخفائها.