كيفية إنشاء ملف HAR من Google Chrome و Firefox وتحليله؟

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

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

ما هو ملف HAR؟

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

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

.har هو امتداد ملفات الأرشيف هذه.

لماذا يتم إنشاء ملف HAR؟

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

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

  ميزات جديدة في Firefox 43 لأجهزة سطح المكتب و Android

نظرة عامة على العملية

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

كيف يتم إنشاء ملف HAR في متصفحات مختلفة؟

يختلف إنشاء ملفات HAR لالتقاط جلسة HTTP من متصفح لآخر.

كروم

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

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

ثعلب النار

  • في الجزء العلوي الأيسر من نافذة المتصفح ، انقر فوق قائمة Firefox (ثلاثة خطوط أفقية متوازية).
  • حدد المزيد من الأدوات> مطور الويب> الشبكة من القائمة المنسدلة.
  • انقر فوق زر الإعدادات وقم بتشغيل خيار استمرار السجلات.
  • أثناء عملية الالتقاط ، قم بتحديث الصفحة وكرر المشكلة.
  • انقر بزر الماوس الأيمن فوق أي صف في لوحة النشاط وحدد حفظ الكل باسم HAR إذا قمت بتكرار المشكلة بنجاح.
  • أخيرًا ، إذا كان ملف سجل وحدة التحكم مطلوبًا أيضًا لاستكشاف الأخطاء وإصلاحها ، فانتقل إلى علامة التبويب وحدة التحكم وحدد الكل بالنقر بزر الماوس الأيمن فوق أي صف ولصق المحتوى في ملف نصي ومشاركته مع مركز الدعم.
  ما هي أداة مراسل برامج Google Chrome وكيفية إيقاف ذلك؟

مايكروسوفت إيدج

  • حدد المزيد من الأدوات> أدوات المطور بالنقر فوق … (رمز النقاط الثلاث) في الزاوية العلوية اليمنى.
  • انتقل إلى علامة تبويب الشبكة وابدأ جلسة تعريف.
  • قم بزيارة صفحة الويب واتبع التعليمات لحل المشكلة.
  • وأخيرًا احفظ ملف HAR عن طريق تحديد “تصدير كـ HAR”

متصفح الانترنت

  • افتح متصفح الإنترنت وانتقل إلى الصفحة التي تواجه فيها مشاكل
  • انقر فوق رمز الترس في الزاوية اليمنى العليا.
  • انتقل إلى (أدوات المطور> علامة تبويب الشبكة)
  • أثناء عملية الالتقاط ، قم بتحديث الصفحة وكرر المشكلة.
  • انقر فوق رمز “تصدير كـ HAR” (شكل قرص مرن) بعد تكرار المشكلة بنجاح.

أداة مراقبة HTTP

بالنسبة إلى Google Chrome و Internet Explorer و Microsoft Edge ، يمكنك أيضًا استخدام ملفات HTTPWatch (في المتصفح HTTP sniffer) لالتقاط طلبات الويب والاستجابات.

  • قم بتنزيل وتثبيت ملف أداة HTTPwatch أول.
  • ابدأ التقاط HTTPwatch وقم بتحميل الصفحة التي تواجه فيها مشكلات وأوقف الالتقاط بمجرد تكرار المشكلة.
  • ويجب حفظ الالتقاط بتنسيق HAR.

مواقع الويب لتحليل ملفات HAR

هذه الأدوات بسيطة وفعالة في تصور وتحليل ملف HAR (سجلات اتصال HTTP بين العميل والخادم).

  • محلل Google HAR – اختر ملفًا بالنقر فوق الزر “اختيار ملف” وحدد ملف HAR الذي ترغب في فحصه. تظهر شاشة التحليل تلقائيًا بعد اختيار الملف. التصفية حسب رمز حالة HTTP متاح.
  • Softwareishard.com – أداة تطبيق مجانية قائمة على الويب تعرض رسمًا بيانيًا للشلال لجميع الطلبات وتسمح لك بالبحث عن طلب معين. اضغط على زر معاينة بعد إدراج سجل HAR في مربع النص أدناه. بدلاً من ذلك ، قم بسحب وإفلات الملفات har في أي مكان بالصفحة لبدء تحليل الملف.
  • الموقع – هذه أيضًا أداة مجانية لموقع الويب لتصور ملف أرشيف HTTP. تصفح الملف أو الصق محتواه في مربع الإدخال.
  كيفية تمكين ميزة Stacked Tab في Chrome لتحسين إدارة علامات التبويب

استنتاج

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

  • رؤوس الطلبات والاستجابة
  • محتوى الطلب والاستجابة
  • رموز المصادقة وملفات تعريف الارتباط ورموز الجلسة وكلمات المرور وبيانات اعتماد واجهة برمجة التطبيقات

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

أتمنى أن تكون قد وجدت هذه المقالة مفيدة جدًا في التعرف على أدوات تحليل HAR وكيفية إنشاء ملفات HAR في متصفحات مختلفة.

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

استمتعت بقراءة المقال؟ ماذا عن المشاركة مع العالم؟