المحتويات

المقدمة

تنسيق HTTP

إستنتاج

تجميع سجلات HAR

Google Chrome

فايرفوكس

إنترنت إكسبلورر

المقدمة

يصف هذا المستند العملية لتجميع سجلات تنسيق HTTP (HAR) لتقليص المشاكل المتعلقة بواجهة المستخدم الرسومية (GUI) واستكشاف أخطائها وإصلاحها من جانب العميل. كما يتحدث أيضا عن مدى فائدتها وكيفية جمع الملف من مستعرضات مختلفة.

تنسيق HTTP

لماذا؟

عند الوصول إلى البرامج أو إستخدامها كخدمة (SAAs) عبر الإنترنت، يمكن أن تظهر لك مشكلات مختلفة عند الوصول إلى الخدمات. من أجل تضييق المشكلة وعزلها، يلزمك فهم التفاعل من جانب العميل والخادم/الخدمة. تعطي سجلات HAR التفاعل من جانب العميل. سجلات HAR هي مجموعة فريدة من الالتقاط التي تسجل وتتبع تفاعل المستعرض مع موقع ما. تعطينا هذه المجموعة من السجلات فهما جيدا لما يحدث على جانب العميل، وهذا بدوره يسرع عملية أستكشاف الأخطاء وإصلاحها.

دعنا نبحث عن سجلات HAR في بعض السيناريوهات النموذجية

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

- أستكشاف أخطاء الأداء وإصلاحها (مثل صفحة تستغرق وقتا طويلا للتحميل أو مهلة عند تشغيل حدث ما)

ماذا يوجد في هار وكيف يكون مفيدا؟

تقوم ملفات HAR بتخزين المعلومات بتنسيق JSON، مما يسهل علينا عرض البيانات باستخدام المساعدات البصرية. تحتوي ملفات HAR على معلومات التوقيت الخاصة بعدة مكونات. اعتمادا على برنامج جوجل لتوقيت موارد فهم العملاء (Understanding Resource Timing) يوجد بعض الأوقات التي تظهر في السجل.

تم الإيقاف/الحظر: الوقت الذي قضاه الطلب في الانتظار قبل التمكن من إرساله. يمكن أن يكون في انتظار أي من الأسباب الموضحة لقوائم الانتظار. وبالإضافة إلى ذلك، فإن هذه المرة تشمل أي وقت يتم قضاؤه في التفاوض الوكيل.

تفاوض الوكيل: الوقت المستغرق في التفاوض مع اتصال خادم وكيل.

بحث DNS: الوقت المستغرق في إجراء البحث في DNS. يتطلب كل مجال جديد على صفحة ما رحلة مستديرة كاملة لإجراء بحث DNS.

الاتصال الأولي /الاتصال: الوقت المستغرق لإنشاء اتصال، بما في ذلك رسائل/عمليات إعادة محاولة TCP والتفاوض على SSL.

SSL: الوقت المستغرق في إكمال تأكيد اتصال SSL.

الطلب المرسل /الإرسال: الوقت المستغرق في إصدار طلب الشبكة. كسور من المللي ثانية عادة.

الانتظار (TTFB): الوقت المستغرق في انتظار الاستجابة الأولية، والمعروف أيضا باسم وقت البايت الأول. تعبر هذه المرة عن زمن الانتقال في رحلة ذهاب وإياب إلى الخادم بالإضافة إلى الوقت المستغرق في انتظار الخادم لتقديم الاستجابة.

تنزيل/تنزيل المحتوى: الوقت المستغرق في تلقي بيانات الاستجابة.

إستنتاج

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

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

- إذا كانت هذه مشكلة في عرض صفحة ويب، يمكنك الاطلاع على قسم تنزيل/تنزيل المحتوى للاطلاع على الطلب والاستجابة اللذين تم إرجاعهما لكل محتوى ومعرفة ما إذا كان هناك أي أخطاء أو مشاكل.

يتم تمكين ملف سجل HAR في Notepad. هنا جزء صغير من كيف تبدو:

هنا معاينة من ملف محمل في صفحة برامج الأداة على الإنترنت:

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

فيما يلي معاينة من ملف تم تحميله على الأداة الفورية G-Suite:

يمكنك هنا الاطلاع على معلومات المؤقت في كل من الطلبات.

تجميع سجلات HAR

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

قبل تجميع HAR، يوصى باستخدام جلسة إستعراض خاصة واحدة حتى تتمكن من إجبار المستعرض على تنزيل جميع المعلومات وعدم إستخدام أي بيانات مخزنة مؤقتا موجودة بالفعل.

العملية لأي متصفح هي:

1. فتح خيار المطور.

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

3. أعد إنشاء المشكلة مع صفحة الويب.

4. احفظ الالتقاط.

5. قم بإرسال الملف المحفوظ لمزيد من التحليل.

إليك العملية من أجل جمع سجلات HRA من هذه المستعرضات:

Google Chrome

1. اضغط على F12 وافتح علامة التبويب المطور كما هو موضح في الصورة.

2. انقر فوق علامة التبويب الشبكة كما هو موضح في الصورة.

3. حدد الاحتفاظ بالسجل كما هو موضح في الصورة.

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

5. أعد إنشاء المشكلة أثناء تشغيل الالتقاط كما هو موضح في الصورة.

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

7. احفظ الملف وأرسل الملف للتحليل.

فايرفوكس

1. اضغط على F12 وفتح علامة التبويب المطور. يفتح نافذة أدوات المطور على هيئة لوحة مثبتة على جانب أو أسفل Firefox.

2. انقر فوق علامة التبويب الشبكة كما هو موضح في الصورة.

3. تأكد من فحص السجلات الثابتة.

4. إعادة صياغة القضية.

5. بمجرد إعادة إنشاء المشكلة، انقر بزر الماوس الأيمن فوق لوحة الأنشطة وحدد حفظ الكل ك HAR كما هو موضح في الصورة.

6. احفظ الملف وأرسله للتحليل.

إنترنت إكسبلورر

ضرب F12.

2. تأكد من أنك على علامة تبويب الشبكة.

3. تأكد من تحديد "بدء جلسة ملف التعريف" (هذا إذا كانت الحالة الافتراضية - تعني أن عمليات الالتقاط قيد التشغيل).

4. إعادة صياغة القضية.

5. بمجرد إعادة إنشاء المشكلة، انقر فوق أيقونة حفظ لحفظ السجلات.

6. احفظ الملف وأرسله للتحليل.