Πώς να δημιουργήσετε αρχείο HAR από το Google Chrome, τον Firefox και να το αναλύσετε;

Ένα αρχείο HAR χρησιμοποιείται συνήθως για την αντιμετώπιση προβλημάτων δικτύωσης ή επιδόσεων, συμπεριλαμβανομένων των χαμηλών χρόνων φόρτωσης σελίδων και των χρονικών ορίων κατά την εκτέλεση συγκεκριμένων εργασιών σε έναν ιστότοπο.

Η ομάδα υποστήριξης οποιασδήποτε εταιρείας ή ιστότοπου χρησιμοποιεί αυτό το αρχείο HAR για να εντοπίσει και να επιλύσει ζητήματα απόδοσης, όπως μεγαλύτερους ή αργούς χρόνους φόρτωσης, προβλήματα απόδοσης σελίδων και κωδικούς σφαλμάτων που μπορεί να προκύψουν λόγω αυτών των ζητημάτων.

Τι είναι ένα αρχείο HAR;

Μια μορφή αρχείου HTTP, γνωστή και ως αρχείο HAR, είναι ένα αρχείο αρχειοθέτησης με μορφή JSON που περιλαμβάνει την πιο πρόσφατη δραστηριότητα δικτύου σας όπως καταγράφηκε από το πρόγραμμα περιήγησής σας. Παρακολουθεί όλες τις αλληλεπιδράσεις, όπως αιτήματα Ιστού και απαντήσεις μεταξύ ενός προγράμματος περιήγησης ιστού και ενός ιστότοπου.

Το αρχείο HAR καταγράφει κάθε πόρο που φορτώθηκε από το πρόγραμμα περιήγησης, καθώς και τον χρόνο που χρειάστηκε για τη φόρτωση κάθε πόρου. Αυτά τα αρχεία περιέχουν αρχεία καταγραφής απλού κειμένου των συνδέσεων πελάτη-διακομιστή HTTP.

Το .har είναι η επέκταση για αυτά τα αρχεία αρχειοθέτησης.

Γιατί να δημιουργήσετε αρχείο HAR;

Η εταιρεία ή η ομάδα υποστήριξης της επιχείρησης μπορεί να ζητήσει από το αρχείο HAR για ανάλυση όταν ο χρήστης εγείρει ένα εισιτήριο για την επίλυση των προβλημάτων.

Τα αρχεία HAR παρέχουν ένα ευρύ φάσμα πληροφοριών σχετικά με αιτήματα και απαντήσεις πελάτη-διακομιστή HTTP που βοηθούν στον εντοπισμό σφαλμάτων, όπως ρυθμίσεις προγράμματος περιήγησης και cookie, ο χρόνος που αφιερώθηκε για λήψη δεδομένων απόκρισης, ο χρόνος που χρειάστηκε για τη φόρτωση μιας συγκεκριμένης εικόνας στον ιστότοπο , ο χρόνος που χρειάστηκε για να δημιουργηθεί μια σύνδεση διακομιστή και ο χρόνος που χρειάστηκε για την αποστολή ενός αιτήματος και τη λήψη απάντησης.

  Περιορίστε τις ανοιχτές καρτέλες στο Chrome και σκοτώστε άλλες με το xTab

Επισκόπηση της διαδικασίας

  • Πρώτα μεταβείτε στην ιστοσελίδα όπου αντιμετωπίζετε προβλήματα και ξεκινήστε την καταγραφή όλων των αιτημάτων και των αλληλεπιδράσεων στον ιστό.
  • Δημιουργήστε ξανά το πρόβλημα επαναλαμβάνοντας τα βήματα.
  • Ολοκληρώστε τη λήψη και αποθηκεύστε το αρχείο HAR.
  • Αναλύστε το αρχείο HAR μόνοι σας ή Στείλτε το αρχείο στην ομάδα υποστήριξης για την αντιμετώπιση προβλημάτων των προβλημάτων απόδοσης και απόδοσης σελίδας.

Πώς να δημιουργήσετε αρχείο HAR σε διαφορετικά προγράμματα περιήγησης;

Η δημιουργία αρχείων HAR για τη λήψη μιας περιόδου λειτουργίας HTTP διαφέρει από πρόγραμμα περιήγησης σε πρόγραμμα περιήγησης.

Χρώμιο

Η καρτέλα Δίκτυο στα Εργαλεία προγραμματιστή όλων των προγραμμάτων περιήγησης μπορεί να χρησιμοποιηθεί για την εγγραφή μιας περιόδου λειτουργίας HTTP.

  • Στο Chrome, μεταβείτε στη σελίδα όπου αντιμετωπίζετε πρόβλημα.
  • Η πρόσβαση στα Εργαλεία προγραμματιστή είναι δυνατή μέσω του μενού (Μενού > Περισσότερα εργαλεία > Εργαλεία προγραμματιστή). Σε αυτό Επιλέξτε την καρτέλα Δίκτυο από τον πίνακα που άνοιξε πρόσφατα.
  • Στην καρτέλα Δίκτυο, Βεβαιωθείτε ότι το στρογγυλό κουμπί στην επάνω αριστερή γωνία είναι με κόκκινο χρώμα. Εάν είναι γκρι, κάντε διπλό κλικ για να ξεκινήσετε την εγγραφή των αλληλεπιδράσεων.
  • Ενεργοποιήστε το αρχείο καταγραφής διατήρησης για την καταγραφή όλων των αιτημάτων και των απαντήσεων ιστού.
  • Για να εξαγάγετε το αρχείο HAR, κάντε κλικ στο κουμπί κάτω βέλους στην ίδια την καρτέλα δικτύου.
  • Αποθηκεύστε το αρχείο HAR στον υπολογιστή σας.

Firefox

  • Στην επάνω δεξιά γωνία του παραθύρου του προγράμματος περιήγησής σας, κάντε κλικ στο μενού Firefox (τρεις οριζόντιες παράλληλες γραμμές).
  • Επιλέξτε Περισσότερα εργαλεία > Προγραμματιστής Ιστού > Δίκτυο από το αναπτυσσόμενο μενού.
  • Κάντε κλικ στο κουμπί ρυθμίσεων και ενεργοποιήστε την επιλογή persist logs.
  • Ενώ η λήψη είναι σε εξέλιξη, ανανεώστε τη σελίδα και επαναλάβετε το πρόβλημα.
  • Κάντε δεξί κλικ σε οποιαδήποτε σειρά του πίνακα δραστηριοτήτων και επιλέξτε Αποθήκευση όλων ως HAR εάν έχετε αντιγράψει με επιτυχία το πρόβλημα.
  • Τέλος, εάν σε περίπτωση που απαιτείται και αρχείο καταγραφής κονσόλας για την αντιμετώπιση προβλημάτων, μεταβείτε στην καρτέλα Κονσόλα και επιλέξτε όλα κάνοντας δεξί κλικ σε οποιαδήποτε σειρά και επικολλήστε το περιεχόμενο σε κάποιο αρχείο κειμένου και μοιραστείτε το στο κέντρο υποστήριξης.
  Καρφιτσώστε κείμενο, εικόνες και σελίδες στη σελίδα της νέας καρτέλας [Chrome]

Microsoft Edge

  • Επιλέξτε Περισσότερα εργαλεία > Εργαλεία προγραμματιστή κάνοντας κλικ στο … (το εικονίδιο με τις τρεις κουκκίδες) στην επάνω δεξιά γωνία.
  • Μεταβείτε στην καρτέλα δικτύου και ξεκινήστε μια περίοδο σύνδεσης προφίλ.
  • Επισκεφτείτε την ιστοσελίδα και ακολουθήστε τις οδηγίες για να επιλύσετε το πρόβλημα.
  • Και τέλος αποθηκεύστε το αρχείο HAR επιλέγοντας “Εξαγωγή ως HAR”

Internet Explorer

  • Ανοίξτε τον Internet Explorer και μεταβείτε στη σελίδα όπου αντιμετωπίζετε προβλήματα
  • κάντε κλικ στο σύμβολο του γραναζιού στην επάνω δεξιά γωνία.
  • Μεταβείτε στο (Εργαλεία προγραμματιστή > καρτέλα δικτύου)
  • Ενώ η λήψη είναι σε εξέλιξη, ανανεώστε τη σελίδα και επαναλάβετε το πρόβλημα.
  • Κάντε κλικ στο εικονίδιο “Εξαγωγή ως HAR” (σχήμα δισκέτας) μετά την επιτυχή αναπαραγωγή του προβλήματος.

Εργαλείο παρακολούθησης HTTP

Για Google Chrome, Internet Explorer και Microsoft Edge, μπορείτε επίσης να χρησιμοποιήσετε HTTPWatch (στο πρόγραμμα περιήγησης HTTP sniffer) για τη λήψη αιτημάτων και απαντήσεων ιστού.

  • Κατεβάστε και εγκαταστήστε το Εργαλείο HTTPwatch πρώτα.
  • Ξεκινήστε τη λήψη HTTPwatch και φορτώστε τη σελίδα όπου αντιμετωπίζετε προβλήματα και σταματήστε τη λήψη μόλις επαναλάβετε το πρόβλημα.
  • Και η λήψη θα πρέπει να αποθηκευτεί σε μορφή HAR.
  Πώς να αντιγράψετε τον τίτλο και τη διεύθυνση URL όλων των ανοιχτών καρτελών στον Firefox

Ιστότοποι για ανάλυση αρχείων HAR

Αυτά τα εργαλεία είναι απλά και αποτελεσματικά για την οπτικοποίηση και την ανάλυση του αρχείου HAR (αρχεία καταγραφής επικοινωνίας πελάτη-διακομιστή HTTP).

  • Αναλυτής Google HAR – Επιλέξτε ένα αρχείο κάνοντας κλικ στο κουμπί «Επιλογή αρχείου» και επιλέξτε το αρχείο HAR που θέλετε να εξετάσετε. Η οθόνη Ανάλυση εμφανίζεται αυτόματα μετά την επιλογή του αρχείου. Διατίθεται φιλτράρισμα κατά κωδικό κατάστασης HTTP.
  • Softwareishard.com – Ένα δωρεάν εργαλείο εφαρμογών που βασίζεται στον ιστό που εμφανίζει ένα γράφημα καταρράκτη όλων των αιτημάτων και σας επιτρέπει να αναλύσετε ένα συγκεκριμένο αίτημα. Πατήστε το κουμπί Προεπισκόπηση αφού εισαγάγετε το αρχείο καταγραφής HAR στο παρακάτω πλαίσιο κειμένου. Εναλλακτικά, σύρετε και αποθέστε τα αρχεία har οπουδήποτε στη σελίδα για να ξεκινήσετε την ανάλυση του αρχείου.
  • Ιστότοπος 24×7 – Αυτό είναι επίσης ένα δωρεάν εργαλείο ιστότοπου για την οπτικοποίηση του αρχείου HTTP Archive. Περιηγηθείτε στο αρχείο ή επικολλήστε το περιεχόμενό του στο πλαίσιο εισαγωγής.

συμπέρασμα

Εάν ανοίξετε ένα αρχείο HAR σε ένα πρόγραμμα επεξεργασίας κειμένου, θα παρατηρήσετε ότι είναι απλώς ένα έγγραφο JSON που περιέχει το αίτημά σας στον ιστό και τις απαντήσεις του. Μπορεί να περιέχει τις ακόλουθες δυνητικά ευαίσθητες πληροφορίες:

  • Κεφαλίδες αιτήματος και απάντησης
  • Περιεχόμενο αιτήματος και απάντησης
  • Διακριτικά ελέγχου ταυτότητας, cookies, διακριτικά περιόδου λειτουργίας, κωδικοί πρόσβασης και διαπιστευτήρια API

Βεβαιωθείτε ότι έχετε διαγράψει τυχόν ευαίσθητες πληροφορίες από αρχεία HAR προτού τις υποβάλετε σε μια ομάδα υποστήριξης για ανάλυση. Κυρίως, εάν η ομάδα τεχνικής υποστήριξης ζητήσει ένα αρχείο HAR με αλληλεπιδράσεις με τρίτους, ενδέχεται να εκτεθούν κρίσιμες πληροφορίες.

Ελπίζω να βρήκατε αυτό το άρθρο πολύ χρήσιμο για να μάθετε για τα εργαλεία ανάλυσης HAR και τον τρόπο δημιουργίας αρχείων HAR σε διαφορετικά προγράμματα περιήγησης.

Μπορεί επίσης να σας ενδιαφέρει να μάθετε για την αντιμετώπιση προβλημάτων καθυστέρησης δικτύου με το Wireshark.

Σας άρεσε να διαβάζετε το άρθρο; Τι θα λέγατε να μοιράζεστε με τον κόσμο;