استكشِف طرقًا جديدة لتحليل طريقة تحميل صفحتك في هذا المرجع الشامل حول "أدوات مطوري البرامج في Chrome". تحليل الشبكات.
تسجيل طلبات الشبكة
تسجِّل "أدوات مطوري البرامج" تلقائيًا جميع طلبات الشبكة في لوحة الشبكة ما دامت "أدوات مطوري البرامج" مفتوحة.
إيقاف تسجيل طلبات الشبكة
لإيقاف تسجيل الطلبات:
- انقر على إيقاف تسجيل سجلّ الشبكة.
في لوحة الشبكة. يتحول إلى اللون الرمادي للإشارة إلى أنّ "أدوات مطوري البرامج" لم تعُد تسجِّل الطلبات.
- اضغط على Command> + E (نظام التشغيل Mac) أو Control + E (نظاما التشغيل Windows وLinux) أثناء التركيز على لوحة الشبكة.
محو الطلبات
انقر على محو.
في لوحة الشبكة لمحو جميع الطلبات من جدول الطلبات.
حفظ الطلبات في جميع عمليات تحميل الصفحات
لحفظ الطلبات في جميع عمليات تحميل الصفحات، ضَع علامة في مربّع الاختيار الاحتفاظ بالسجلّ في لوحة الشبكة. تحفظ "أدوات مطوري البرامج" جميع الطلبات إلى أن يتم إيقاف الاحتفاظ بالسجلّ.
التقاط لقطات شاشة أثناء تحميل الصفحة
يمكنك التقاط لقطات شاشة لتحليل ما يراه المستخدمون أثناء انتظار تحميل صفحتك.
لتفعيل لقطات الشاشة، افتح الإعدادات داخل لوحة الشبكة وضع علامة في المربّع بجانب التقاط لقطات شاشة.
أعِد تحميل الصفحة عندما تكون لوحة الشبكة محل التركيز لتصوير لقطات شاشة.
بعد التقاط لقطات الشاشة، يمكنك التفاعل مع لقطات الشاشة بالطرق التالية:
- مرِّر مؤشّر الماوس فوق لقطة شاشة لعرض نقطة التقاط لقطة الشاشة. خط أصفر في جزء "نظرة عامة".
- انقر على الصورة المصغّرة للقطة شاشة لفلترة أي طلبات حدثت بعد عرض لقطة الشاشة تسجيله.
- انقر نقرًا مزدوجًا على صورة مصغرة لتكبيرها.
إعادة تشغيل طلب XHR
لإعادة تشغيل طلب XHR، نفِّذ أحد الإجراءات التالية في جدول الطلبات:
- اختَر الطلب واضغط على المفتاح R.
- انقر بزر الماوس الأيمن على الطلب واختَر إعادة تشغيل XHR.
تغيير سلوك التحميل
محاكاة زائر لأول مرة عن طريق إيقاف ذاكرة التخزين المؤقت في المتصفح
لمحاكاة تجربة المستخدم لأول مرة لموقعك الإلكتروني، ضع علامة في مربّع الاختيار إيقاف ذاكرة التخزين المؤقت. تعمل "أدوات مطوّري البرامج" على إيقاف ذاكرة التخزين المؤقت في المتصفّح. وهذا يحاكي بدقة أكبر تجربة المستخدم لأول مرة، لأنّه يتم عرض الطلبات من ذاكرة التخزين المؤقت في المتصفّح في الزيارات المتكررة
إيقاف ذاكرة التخزين المؤقت للمتصفِّح من درج "شروط الشبكة"
إذا أردت إيقاف ذاكرة التخزين المؤقت أثناء العمل على لوحات "أدوات مطوري البرامج" الأخرى، استخدِم حالات الشبكة. الدرج.
- انقر على الرمز
لفتح درج شروط الشبكة.
- ضع علامة في مربّع الاختيار إيقاف ذاكرة التخزين المؤقت أو أزِل العلامة من المربّع.
محو ذاكرة التخزين المؤقت في المتصفح يدويًا
لمحو ذاكرة التخزين المؤقت للمتصفّح يدويًا في أي وقت، انقر بزر الماوس الأيمن على أي مكان في جدول الطلبات. اختَر محو ذاكرة التخزين المؤقت للمتصفّح.
محاكاة التشغيل بلا إنترنت
هناك فئة جديدة من تطبيقات الويب تُسمى تطبيقات الويب التقدّمية التي يمكن أن تعمل بلا اتصال بالإنترنت باستخدام بمساعدة عاملي الخدمات. عند إنشاء هذا النوع من التطبيقات، من المفيد أن تكون قادرًا على أن تحاكي جهازًا لا يوجد به اتصال بيانات بسرعة.
لمحاكاة تجربة شبكة بلا اتصال بالإنترنت تمامًا، اختَر بلا اتصال من القائمة المنسدلة تقييد الشبكة بجانب مربّع الاختيار إيقاف ذاكرة التخزين المؤقت.
تعرض "أدوات مطوري البرامج" رمز تحذير بجانب علامة التبويب الشبكة لتذكيرك بتفعيل وضع عدم الاتصال بالإنترنت.
محاكاة اتصالات الشبكة البطيئة
لمحاكاة شبكة 4G سريعة أو شبكة 4G بطيئة أو شبكة الجيل الثالث، اختَر الإعداد المسبق المناسب من القائمة المنسدلة تقييد البيانات في شريط الإجراءات أعلى الشاشة.
تعرض "أدوات مطوري البرامج" رمز تحذير تحذير بجانب لوحة الشبكة لتذكيرك بتفعيل ميزة التقييد.
إنشاء ملفات تعريف محدودة لحظر البيانات
بالإضافة إلى الإعدادات المسبقة، مثل شبكة الجيل الرابع البطيئة أو السريعة، يمكنك أيضًا إضافة إعدادات ملفات تقييد البيانات المخصصة:
- افتح القائمة Throttling واختَر Custom (مخصص) >. إضافة...
- إعداد ملف شخصي جديد للتقييد كما هو موضَّح في الإعدادات الإعدادات > تقييد البيانات:
ارجع إلى لوحة الشبكة، واختَر الملف الشخصي الجديد من القائمة المنسدلة تقييد البيانات.
تعرض "أدوات مطوري البرامج" رمز تحذير بجانب لوحة الشبكة لتذكيرك بتفعيل ميزة التقييد.
تقييد اتصالات WebSocket
بالإضافة إلى طلبات HTTP، تحد "أدوات مطوري البرامج" من اتصالات WebSocket منذ الإصدار 99.
لمراقبة تقييد WebSocket:
- يمكنك بدء عملية ربط جديدة، مثلاً، باستخدام أداة اختبار.
- في لوحة الشبكة، اختَر عدم التقييد وأرسِل رسالة عبر الاتصال.
- أنشئ ملفًا شخصيًا تقييدًا مخصّصًا بطيئًا جدًا، مثل
10 kbit/s
. سيساعدك مثل هذا الملف الشخصي البطيء في ملاحظة الفرق. - في لوحة الشبكة، اختَر الملف الشخصي وأرسِل رسالة أخرى.
- بدِّل الفلتر WS، ثم انقر على اسم الاتصال، وافتح علامة التبويب الرسائل، وتحقَّق من فرق الوقت بين الرسائل المُرسَلة والمتكررة والتي يتم تقييد الرسائل بها أو بدونها. على سبيل المثال:
محاكاة الاتصالات البطيئة بالشبكة من درج "حالات الشبكة"
إذا أردت الحد من اتصال الشبكة أثناء العمل على لوحات "أدوات مطوري البرامج" الأخرى، استخدِم درج حالات الشبكة.
- انقر على الرمز
لفتح درج شروط الشبكة.
- اختَر سرعة الاتصال من قائمة تقييد الشبكة.
محو ملفات تعريف الارتباط في المتصفّح يدويًا
لمحو ملفات تعريف الارتباط للمتصفّح يدويًا في أي وقت، انقر بزر الماوس الأيمن في أي مكان في جدول الطلبات واختَر. محو ملفات تعريف الارتباط في المتصفّح
تجاهُل عناوين استجابة HTTP
راجِع تجاوز الملفات وعناوين استجابة HTTP على الجهاز.
إلغاء وكيل المستخدم
لإلغاء وكيل المستخدم يدويًا:
- انقر على الرمز
لفتح درج شروط الشبكة.
- امسح خيار الاختيار تلقائيًا.
- حدِّد أحد خيارات وكيل المستخدم من القائمة أو أدخِل خيارًا مخصّصًا في المربّع.
طلبات البحث
للبحث على مستوى عناوين الطلبات والحمولات والردود، يمكنك اتّباع الخطوات التالية:
اضغط على الاختصار التالي لفتح علامة التبويب بحث على اليسار:
- على نظام التشغيل macOS، اضغط على Command + F.
- على نظام التشغيل Windows أو Linux، اضغط على Control + F.
في علامة التبويب البحث، أدخِل طلب البحث واضغط على Enter. يمكنك النقر على match_case أو regular_expression لتفعيل إعدادات حساسية حالة الأحرف أو التعبيرات العادية على التوالي.
انقر على إحدى نتائج البحث. تظهر لوحة الشبكة باللون الأصفر على الطلب والسلسلة المطابقة في علامات التبويب العناوين أو التحميل أو الاستجابة.
لإعادة تحميل نتائج البحث، انقر على إعادة تحميل إعادة التحميل. لمحو النتائج، انقر على حظر محو.
لمزيد من المعلومات حول جميع طرق البحث في "أدوات مطوري البرامج"، يُرجى الاطّلاع على البحث: البحث عن النص في جميع الموارد المحمَّلة.
فلترة الطلبات
فلترة الطلبات حسب المواقع
استخدِم المربّع فلترة لفلترة الطلبات حسب المواقع، مثل النطاق أو حجم طلبك.
إذا لم يظهر لك المربع، فمن المحتمل أن يكون جزء الفلاتر مخفيًا. راجِع إخفاء جزء "الفلاتر".
لعكس الفلتر، ضع علامة في مربّع الاختيار عكس بجانب المربّع فلتر.
يمكنك استخدام خصائص متعددة في الوقت نفسه من خلال فصل كل خاصية بمسافة. بالنسبة
على سبيل المثال، يعرض 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 تعبئة أدوات مطوري البرامج القائمة المنسدلة للإكمال التلقائي مع جميع طرق HTTP التي تعاملت معها.mime-type
عرض موارد من نوع MIME محدّد يملأ "أدوات مطوّري البرامج" القائمة المنسدلة لميزة "الإكمال التلقائي". مع جميع أنواع MIME التي واجهها.mixed-content
عرض كل موارد المحتوى المختلط (mixed-content:all
) أو الموارد المعروضة فقط (mixed-content:displayed
).priority
عرض الموارد التي يتطابق مستوى أولويتها مع القيمة المحدَّدةresource-type
عرض موارد من نوع مورد، على سبيل المثال، صورة. تملأ "أدوات مطوري البرامج" القائمة المنسدلة للإكمال التلقائي مع جميع أنواع الموارد التي واجهها.response-header-set-cookie
عرض عناوين 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 فيها مع الرمز المحدد فقط. DevTools يملأ القائمة المنسدلة للإكمال التلقائي بجميع رموز الحالة التي واجهها.url
عرض الموارد التي تحتوي علىurl
تطابق القيمة المحدّدة.
فلترة الطلبات حسب النوع
لفلترة الطلبات حسب نوع الطلب، انقر على الكل وجلب/XHR وJS وCSS وImg وMedia الخط أو Doc أو WS (WebSocket) أو Wasm (WebAssembly) أو Manifest أو Other (أي نوع آخر غير مُدرَج هنا) في لوحة الشبكة.
إذا لم تتمكّن من رؤية هذه الأزرار، من المحتمل أن يكون جزء "الفلاتر" مخفيًا. راجع إخفاء عوامل التصفية اللوحة.
لتفعيل فلاتر أنواع متعددة في الوقت نفسه، اضغط مع الاستمرار على 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)
متبوعة برسالة الخطأ.
- رمز حالة HTTP، على سبيل المثال،
النوع: نوع MIME للمورد المطلوب.
بادئ التشغيل: يمكن للكائنات أو العمليات التالية بدء الطلبات:
- المحلل اللغوي: محلّل HTML في Chrome.
- إعادة التوجيه. إعادة توجيه HTTP.
- النص البرمجي: دالة JavaScript.
- غير ذلك: بعض العمليات أو الإجراءات الأخرى، مثل الانتقال إلى الصفحة باستخدام رابط أو إدخال عنوان URL في شريط العناوين.
الحجم: الحجم المجمّع لرؤوس الاستجابة بالإضافة إلى نص الاستجابة، وفقًا لما يقدمه الخادم.
الوقت. المدة الإجمالية، من بداية الطلب إلى استلام البايت النهائي الرد.
منهجية الشلال. تحليل مرئي لنشاط كل طلب.
إضافة أعمدة أو إزالتها
انقر بزر الماوس الأيمن على عنوان جدول الطلبات وحدِّد خيارًا لإخفائه أو عرضه. تظهر علامات اختيار بجانب الخيارات المعروضة.
يمكنك إضافة الأعمدة الإضافية التالية أو إزالتها: المسار وعنوان URL والطريقة والبروتوكول والمخطط والنطاق والعنوان البعيد ومساحة العنوان البعيد ومساحة عنوان بادئ التشغيل وملفات تعريف الارتباط وضبط ملفات تعريف الارتباط والأولوية ومعرّف الاتصال وعمليات الإلغاء والعرض الشلال.
إضافة أعمدة مخصّصة
لإضافة عمود مخصّص إلى جدول الطلبات:
- انقر بزر الماوس الأيمن على رأس جدول الطلبات واختر عناوين الاستجابة > إدارة أعمدة العناوين:
- في نافذة مربّع الحوار، انقر على إضافة عنوان مخصّص، وأدخِل اسمه، ثم انقر على إضافة.
تجميع الطلبات حسب الإطارات المضمّنة
إذا بدأت الإطارات المضمّنة في الصفحة بتوليد الكثير من الطلبات، فيمكنك جعل سجل الطلب أكثر توافقًا من خلال تجميعه.
لتجميع الطلبات حسب إطارات iframe، افتح الإعدادات داخل لوحة الشبكة وضع علامة في المربّع بجانب
التجميع حسب الإطار.
لعرض طلب بدأه إطار مضمّن، يجب توسيعه في سجلّ الطلبات.
الاطّلاع على توقيت الطلبات بالنسبة إلى بعضها البعض
استخدم الشلال لعرض توقيت الطلبات بالنسبة إلى بعضها البعض. بشكل افتراضي، يتم تنظيم نمط الشلال حسب وقت بدء الطلبات. لذا، فإن الطلبات البعيدة عن اليسار بدأوا مبكرًا عن تلك الأبعد من اليمين.
راجع الترتيب حسب مرحلة النشاط لمعرفة الطرق المختلفة التي يمكنك من خلالها ترتيب منهجية الشلال.
تحليل رسائل اتصال WebSocket
لعرض رسائل اتصال WebSocket:
- ضمن عمود الاسم في جدول الطلبات، انقر على عنوان URL لاتصال WebSocket.
- انقر على علامة التبويب الرسائل. يعرض الجدول آخر 100 رسالة.
لإعادة تحميل الجدول، انقر مرة أخرى على اسم اتصال WebSocket ضمن العمود Name (الاسم) في جدول الطلبات.
يحتوي الجدول على ثلاثة أعمدة:
- البيانات: حمولة الرسالة إذا كانت الرسالة نصًّا عاديًا، سيتم عرضها هنا. لبرنامج الثنائي العمليات، فسيعرض هذا العمود اسم كود العملية. تتوفر رموز العمليات التالية: إطار المتابعة والإطار الثنائي وإطار إغلاق الاتصال وإطار Ping وإطار Pong
- الطول: طول حمولة الرسالة بالبايت.
- الوقت. وقت استلام الرسالة أو إرسالها.
تكون الرسائل مُصنَّفة حسب اللون وفقًا لنوعها:
- تكون الرسائل النصية الصادرة باللون الأخضر الفاتح.
- تظهر الرسائل النصية الواردة باللون الأبيض.
- تظهر رموز عمليات WebSocket بلون أصفر فاتح.
- تظهر الأخطاء باللون الأحمر الفاتح.
تحليل الأحداث في ساحة المشاركات
لعرض الأحداث التي تبثّها الخوادم من خلال واجهة برمجة تطبيقات الجلب وEventSource API وXHR:
- تسجيل طلبات الشبكة في صفحة تبث الأحداث على سبيل المثال، افتح صفحة العرض التوضيحي هذه وانقر على أيّ من الأزرار الثلاثة.
- في الشبكة، اختَر طلبًا وافتح علامة التبويب EventStream.
لفلترة الأحداث، حدِّد تعبيرًا عاديًا في شريط الفلاتر أعلى علامة التبويب EventStream.
لمحو قائمة الأحداث التي تم التقاطها، انقر على حظر محو.
عرض معاينة لنص الاستجابة
لعرض معاينة لنص استجابة:
- انقر على عنوان URL للطلب، ضمن عمود الاسم في جدول الطلبات.
- انقر على علامة التبويب معاينة.
علامة التبويب هذه مفيدة في الغالب لعرض الصور.
عرض نص الاستجابة
لعرض نص الاستجابة لطلب:
- انقر على عنوان URL للطلب ضمن عمود الاسم في جدول "الطلبات".
- انقر على علامة التبويب الرد.
عرض عناوين HTTP
للاطّلاع على بيانات عنوان HTTP لأحد الطلبات:
- انقر على أحد الطلبات في جدول الطلبات.
- افتح علامة التبويب Headers (العناوين) وانتقِل للأسفل إلى General (الإعدادات العامة) وResponse Headers (عناوين الاستجابة) وRequest Headers (طلبات العناوين) أو Early Hints Headers (عناوين التلميحات المبكرة) إذا أردت ذلك.
في القسم الإعدادات العامة، تعرض لك "أدوات مطوري البرامج" رسالة حالة يمكن لشخص عادي قراءتها بجانب رمز حالة HTTP الذي تم تلقّيه.
في القسم عناوين الرد، يمكنك تمرير مؤشر الماوس فوق قيمة العنوان والنقر على الزر تعديل تعديل لإلغاء عنوان الاستجابة محليًا.
عرض مصدر عنوان HTTP
بشكل افتراضي، تعرض علامة التبويب العناوين أسماء العناوين أبجديًا. لعرض أسماء عناوين HTTP في قسم الترتيب الذي تم استلامه به:
- افتح علامة التبويب العناوين للطلب الذي يهمّك. راجِع عرض عناوين HTTP.
- انقر على عرض المصدر، بجانب القسم عنوان الطلب أو عنوان الردّ.
تحذير بشأن العناوين المشروطة
أحيانًا تعرض علامة التبويب العناوين رسالة التحذير "Provisional headers are shown...
". ومن الممكن أن يرجع ذلك للأسباب التالية:
لم يتم إرسال الطلب عبر الشبكة، ولكن تم عرضه من خلال ذاكرة تخزين مؤقت على الجهاز لا تخزِّن عناوين الطلبات الأصلية. وفي هذه الحالة، يمكنك إيقاف التخزين المؤقت للاطّلاع على عناوين الطلبات الكاملة.
مورد الشبكة غير صالح. على سبيل المثال، يمكنك تنفيذ
fetch("https://jec.fish.com/unknown-url/")
في وحدة التحكّم.
لأسباب تتعلق بالأمان، يمكن أن تعرض "أدوات مطوري البرامج" أيضًا العناوين المؤقتة فقط.
عرض حمولة الطلب
لعرض حمولة الطلب، أي مَعلمات سلسلة طلب البحث وبيانات النموذج، اختَر طلبًا من جدول الطلبات وافتح علامة التبويب حمولة.
عرض مصدر الحمولة
تعرض "أدوات مطوري البرامج" تلقائيًا الحمولة في نموذج يمكن للمستخدم قراءته.
للاطّلاع على مصادر مَعلمات سلسلة طلب البحث وبيانات النموذج، في علامة التبويب حمولة، انقر على عرض المصدر بجانب قسم مَعلمات سلسلة طلب البحث أو قسم بيانات النموذج.
عرض وسيطات عنوان URL التي تم فك ترميزها لمَعلمات سلسلة طلب البحث
لتبديل ترميز عنوان URL للوسيطات، في علامة التبويب حمولة، انقر على عرض البيانات التي تم فك ترميزها أو عرض عنوان URL المرمّز.
عرض ملفات تعريف الارتباط
لعرض ملفات تعريف الارتباط المُرسَلة في عنوان HTTP لأحد الطلبات:
- انقر على عنوان URL للطلب ضمن عمود الاسم في جدول "الطلبات".
- انقر على علامة التبويب ملفّات تعريف الارتباط (Cookies).
للحصول على وصف لكل عمود من الأعمدة، راجِع الحقول.
ولتعديل ملفات تعريف الارتباط، يُرجى الاطّلاع على عرض ملفات تعريف الارتباط وتعديلها وحذفها.
الاطّلاع على تفاصيل توقيت الطلب
للاطّلاع على تفاصيل توقيت الطلب:
- انقر على عنوان URL للطلب، ضمن عمود الاسم في جدول الطلبات.
- انقر على علامة التبويب التوقيت.
اطّلِع على معاينة تفاصيل التوقيت للاطّلاع على طريقة أسرع للوصول إلى هذه البيانات.
اطّلِع على شرح مراحل تقسيم التوقيت للحصول على مزيد من المعلومات عن كل مرحلة من المراحل التي قد تظهر في علامة التبويب التوقيت
معاينة تفاصيل التوقيت
لعرض معاينة لتفاصيل توقيت الطلب، مرِّر مؤشر الماوس فوق إدخال الطلب في عمود الشلال في جدول الطلبات.
راجِع المقالة عرض تفاصيل توقيت الطلب للتعرّف على طريقة للوصول إلى هذه البيانات التي لا تتطلّب ذلك. التمرير.
شرح مراحل تقسيم التوقيت
في ما يلي مزيد من المعلومات عن كل مرحلة من المراحل التي قد تظهر لك في علامة التبويب التوقيت:
- الإضافة إلى قائمة المحتوى التالي: يضع المتصفح الطلبات في قائمة انتظار قبل بدء الاتصال ومتى:
- هناك طلبات ذات أولوية أعلى.
- هناك ستة اتصالات TCP مفتوحة بالفعل لهذا المصدر، وهو الحد الأقصى. ينطبق على HTTP/1.0 وHTTP/1.1 فقط.
- يخصص المتصفح مساحة في ذاكرة التخزين المؤقت على القرص لفترة وجيزة.
- متوقّف: يمكن أن يتم إيقاف الطلب بعد بدء الاتصال لأي من الأسباب الموضّحة في قائمة الانتظار.
- البحث في نظام أسماء النطاقات: يعمل المتصفح على حل عنوان IP للطلب.
- الاتصال المبدئي: ينشئ المتصفح اتصالاً، بما في ذلك عمليات تأكيد اتصال بروتوكول التحكم بالنقل أو إعادة المحاولة. والتفاوض بشأن طبقة المقابس الآمنة.
- تفاوض الخادم الوكيل يتفاوض المتصفح في الطلب من خلال خادم وكيل.
- تم إرسال الطلب. يتم إرسال الطلب.
- إعداد مشغِّلي الخدمات: بدء تشغيل عامل الخدمات في المتصفح.
- طلب إلى ServiceWorker يتم إرسال الطلب إلى مشغّل الخدمات.
- قيد الانتظار (TTFB): المتصفِّح في انتظار البايت الأول من الردّ. الاختصار TTFB يعني "الوقت" إلى أول بايت يتضمن هذا التوقيت رحلة ذهاب وعودة واحدة من وقت الاستجابة والوقت الذي يستغرقه الخادم في وتجهز الرد.
- تنزيل المحتوى: يتلقى المتصفح الاستجابة، إما مباشرةً من الشبكة أو من مشغّل الخدمات. هذه القيمة هي إجمالي الوقت المستغرَق في قراءة نص الاستجابة. قد تشير القيم الأكبر من المتوقع إلى بطء الشبكة أو انشغال المتصفّح بتنفيذ عمل آخر يؤدي إلى تأخير قراءة الاستجابة.
الاطّلاع على برامج البدء والتبعيات
للاطّلاع على عبارات بدء أحد الطلبات وتبعياته، اضغط مع الاستمرار على Shift ومرِّر مؤشر الماوس فوق الطلب في جدول الطلبات يشير بادئ ألوان أدوات مطوّري البرامج إلى اللون الأخضر والتبعيات باللون الأحمر.
عند ترتيب جدول الطلبات حسب التسلسل الزمني، يظهر أول طلب باللون الأخضر أعلى الطلب الذي تقوم بالتمرير فوقه هو بادئ التبعية. إذا كان هناك طلب أخضر آخر أعلاه بحيث أن هذا الطلب الأعلى هو الذي بدأ البدء. وما إلى ذلك.
عرض أحداث التحميل
تعرض "أدوات مطوري البرامج" توقيت حدثَي DOMContentLoaded
وload
في أماكن متعدّدة على
لوحة الشبكة. لون حدث DOMContentLoaded
باللون الأزرق، بينما حدث load
باللون الأحمر.
عرض إجمالي عدد الطلبات
يتم عرض إجمالي عدد الطلبات في لوحة الملخّص في أسفل لوحة الشبكة.
عرض الحجم الإجمالي للموارد المنقولة والمحمَّلة
تسرد "أدوات مطوري البرامج" الحجم الإجمالي للموارد المنقولة والمحمَّلة (غير المضغوطة) في لوحة الملخّص في أسفل لوحة الشبكة.
يمكنك الاطّلاع على عرض الحجم غير المضغوط لأحد الموارد لمعرفة حجم الموارد بعد فك ضغطها من خلال المتصفح.
عرض تتبُّع تسلسل استدعاء الدوال البرمجية الذي تسبّب في طلب البيانات
عندما تؤدي عبارة JavaScript إلى طلب مورد، مرِّر مؤشر الماوس فوق عمود المبدئ لعرض تقرير تتبُّع تسلسل استدعاء الدوال البرمجية الذي يؤدي إلى الطلب.
عرض الحجم غير المضغوط لمورد
الانتقال إلى الإعدادات > صفوف الطلبات الكبيرة، ثم اطّلِع على القيمة السفلية لعمود الحجم.
في هذا المثال، كان الحجم المضغوط لمستند www.google.com
الذي تم إرساله عبر الشبكة هو
43.8 KB
، بينما كان الحجم غير المضغوط 136 KB
.
تصدير بيانات الطلبات
حفظ جميع طلبات الشبكة في ملف HAR
HAR (أرشيف HTTP) هو تنسيق ملف تستخدمه العديد من أدوات جلسة HTTP لتصدير البيانات التي تم التقاطها. التنسيق هو كائن JSON يضم مجموعة معيّنة من الحقول.
يمكنك حفظ جميع طلبات الشبكة في ملف 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.
تغيير تنسيق لوحة "الشبكة"
يمكنك توسيع أقسام واجهة مستخدم لوحة الشبكة أو تصغيرها للتركيز على ما هو مهم بالنسبة إليك.
إخفاء جزء "الفلاتر"
تعرض "أدوات مطوري البرامج" تلقائيًا جزء الفلاتر. انقر على فلتر.
لإخفائها.
استخدام صفوف الطلبات الكبيرة
يمكنك استخدام صفوف كبيرة عندما تريد إضافة المزيد من المسافات البيضاء في جدول طلبات الشبكة. تتضمن بعض الأعمدة أيضًا وتوفر المزيد من المعلومات عند استخدام الصفوف الكبيرة. على سبيل المثال، القيمة السفلية عمود الحجم هو الحجم غير المضغوط لطلب، ويعرض عمود الأولوية كل من أولوية الاسترجاع (القيمة الأدنى) والنهائية (أعلى قيمة).
افتح الإعدادات وانقر على صفوف الطلبات الكبيرة لمشاهدة الصفوف الكبيرة.
إخفاء مسار "نظرة عامة"
تعرض "أدوات مطوري البرامج" تلقائيًا مسار نظرة عامة. افتح الإعدادات وألغِ تحديد مربّع الاختيار عرض نظرة عامة لإخفائها.