FAQ: Creazione di file HAR

Che cos'è un file HAR?

HAR è l'abbreviazione di HTTP ARchive, che mostra un record di tutte le richieste che un browser fa con un sito Web.

I file HAR vengono utilizzati per risolvere eventuali problemi che gli utenti possono riscontrare in un sito Web per diagnosticare problemi di prestazioni quali:

  • Tempi di caricamento lenti
  • Formati di file errati
  • Risorse mancanti
  • Timeout con attività in esecuzione

Come si genera un file HAR?

Esistono diversi modi per generare un file HAR a seconda del browser in uso. Di seguito troverai i metodi per i seguenti browser: Google Chrome , Firefox , Safari , Microsoft Edge , e Internet Explorer 11

Generazione di un file HAR in Google Chrome

  1. Passare alla pagina con il problema
  2. Una volta che sei sulla pagina, usa la scorciatoia da tastiera Command + Option + J per Mac per accedere a Chrome Dev Tools o premere F12 o Control + Maiusc + I in Linux o Windows.

    In caso di successo, la finestra del browser dovrebbe visualizzare la seguente schermata (DevTools):

    Scheda console DevTools Chrome (v77. 0.3865.120 Build 64 -bit)
    Scheda console DevTools Chrome (v77. 0.3865.120 Build 64 -bit)
  3. Tu dovresti vedere consolle selezionato nella parte superiore sinistra della nuova schermata.
  4. Fai clic sulla scheda di rete e lo schermo dovrebbe cambiare in qualcosa di simile al seguente:
    Scheda DevTools Network
    Scheda DevTools Network
  5. Nella schermata di rete, assicurati di selezionare le caselle Conserva registro e Disabilitare la cache in alto a sinistra. L'esempio sopra ha già entrambi Conserva registro e Disabilitare la cache selezionato.
  6. Aggiorna la pagina per registrare il traffico di rete tra il browser e il sito Web.
  7. Una volta completato il caricamento del sito Web, fare clic con il pulsante destro del mouse su uno degli elementi elencati nella tabella. Dovrebbe apparire un elenco di opzioni come di seguito:
    Opzioni clic destro (scheda rete)
    Opzioni clic destro (scheda rete)
  8. Seleziona l'opzione Salva tutto come HAR con i contenuti. Una finestra di dialogo dovrebbe apparire per darti un'opzione per salvare il file sul tuo computer.
    Seleziona: "Salva tutto come HAR con contenuto"
    Seleziona: "Salva tutto come HAR con contenuto"
  9. Hai finito! Ora puoi rivedere il file prima di inviarcelo per la risoluzione dei problemi.

Generazione di un file HAR in Firefox

  1. Passare alla pagina con il problema
  2. Una volta che sei sulla pagina, usa la scorciatoia da tastiera Comando + Opzione + I per aprire la Console per gli sviluppatori Web.

    In caso di successo, la finestra del browser dovrebbe visualizzare la seguente schermata:

    Schermata dello sviluppatore Web Firefox (v69. 0 64 -bit)
    Schermata dello sviluppatore Web Firefox (v69. 0 64 -bit)
  3. Tu dovresti vedere consolle selezionato nella parte superiore sinistra della nuova schermata.

  4. Fai clic sulla scheda di rete e lo schermo dovrebbe cambiare in qualcosa di simile al seguente:

    Scheda Rete per sviluppatori Web di Firefox
    Scheda Rete per sviluppatori Web di Firefox
  5. Nella schermata di rete, assicurati di selezionare le caselle Registro persistente e Disabilitare la cache in alto a sinistra.

    L'esempio sopra ha già entrambi Registro persistente e Disabilitare la cache selezionato.

  6. Aggiorna la pagina per registrare il traffico di rete tra il browser e il sito Web.

    Lo schermo dovrebbe ora apparire come di seguito:

    Scheda Rete per sviluppatori Web di Firefox
    Scheda Rete per sviluppatori Web di Firefox
  7. Una volta completato il caricamento del sito Web, fare clic con il pulsante destro del mouse su uno degli elementi elencati nella tabella. Dovrebbe apparire un elenco di opzioni come di seguito:

    Schermata delle opzioni
    Schermata delle opzioni
  8. Seleziona l'opzione Salva tutto come HAR . Una finestra di dialogo dovrebbe apparire per darti un'opzione per salvare il file sul tuo computer.

    Seleziona: "Salva tutto come HAR"
    Seleziona: "Salva tutto come HAR"
  9. Hai finito! Ora puoi rivedere il file prima di inviarcelo per la revisione.

Generazione di un file HAR in Safari

  1. Passare alla pagina con il problema
  2. Una volta che sei sulla pagina, usa la scorciatoia da tastiera Comando + Opzione + I per aprire il file Safari Web Inspector .

    In caso di successo, la finestra del browser dovrebbe visualizzare la seguente schermata (Web Inspector):

    Scheda console Safari Web Inspector (versione  12.0. 3)
    Scheda console Safari Web Inspector (versione 12.0. 3)
  3. Di default consolle è la prima schermata che viene visualizzata, ma aprirà anche l'ultima finestra utilizzata per ultima.
  4. Se non già nel Scheda di rete, Clicca sul Rete scheda in alto a sinistra del Finestra di ispezione web e lo schermo dovrebbe cambiare a quello come di seguito:
    Scheda Rete di Safari Web Inspector
    Scheda Rete di Safari Web Inspector
  5. Nella schermata di rete, assicurati di selezionare le caselle Conserva registro e Disabilitare la cache in alto a sinistra. L'esempio sopra ha già entrambi Conserva registro e Disabilitare la cache selezionato.
  6. Aggiorna la pagina per registrare il traffico di rete tra il browser e il sito Web.
  7. Una volta completato il caricamento del sito Web, fare clic con il pulsante destro del mouse su uno degli elementi elencati nella tabella. Dovrebbe apparire un elenco di opzioni come di seguito:
    Opzioni clic destro (scheda rete)
    Opzioni clic destro (scheda rete)
  8. Seleziona l'opzione Esporta HAR. Una finestra di dialogo dovrebbe apparire per darti un'opzione per salvare il file sul tuo computer.
    Seleziona: "Salva tutto come HAR con contenuto"
    Seleziona: "Salva tutto come HAR con contenuto"
  9. Hai finito! Ora puoi rivedere il file prima di inviarcelo per la risoluzione dei problemi.

Generazione di un file HAR in Microsoft Edge

  1. Passare alla pagina con il problema
  2. Una volta che sei sulla pagina, premi il tasto Tasto F12 per aprire il file Strumenti di sviluppo Schermo.

    In caso di successo, la finestra del browser dovrebbe visualizzare la seguente schermata (Web Inspector):

    Scheda Elementi Strumenti di sviluppo Microsoft Edge (v44. 17)
    Scheda Elementi Strumenti di sviluppo Microsoft Edge (v44. 17)

    Di default il Elementi lo schermo è il primo visualizzato.

  3. Se non già nel Scheda di rete, Clicca sul Rete scheda in alto a sinistra del Finestra di ispezione web e lo schermo dovrebbe cambiare a quello come di seguito:
    Scheda Rete degli strumenti per sviluppatori Microsoft Edge
    Scheda Rete degli strumenti per sviluppatori Microsoft Edge
  4. Nella schermata di rete, aggiorna la pagina in modo che il browser registri l'attività di rete dal caricamento iniziale.
  5. Una volta completato il caricamento del sito Web, fare clic su Icona floppy (Indicato di seguito) per salvare il file HAR.
    Fare clic sull'icona del floppy per salvare l'attività di rete (HAR)
    Fare clic sull'icona del floppy per salvare l'attività di rete (HAR)
  6. Hai finito! Ora puoi rivedere il file prima di inviarcelo per la risoluzione dei problemi.

Generazione di un file HAR su Internet Explorer 11

  1. Passare alla pagina con il problema
  2. Una volta che sei sulla pagina, premi il tasto Tasto F12 per aprire il file Strumenti di sviluppo Schermo.

    In caso di successo, la finestra del browser dovrebbe visualizzare la seguente schermata (Web Inspector):

    Scheda Elementi Strumenti di sviluppo di Internet Explorer (v11. 8)
    Scheda Elementi Strumenti di sviluppo di Internet Explorer (v11. 8)

    Di default il consolle lo schermo è il primo visualizzato.

  3. Se non già nel Scheda di rete, Clicca sul Rete scheda in alto a sinistra del Finestra di ispezione web e lo schermo dovrebbe cambiare a quello come di seguito:
    Scheda Rete degli strumenti per sviluppatori Microsoft Edge
    Scheda Rete degli strumenti per sviluppatori Microsoft Edge
  4. Nella schermata di rete, aggiorna la pagina in modo che il browser registri l'attività di rete dal caricamento iniziale.
  5. Una volta completato il caricamento del sito Web, fare clic su Icona floppy (Indicato di seguito) per salvare il file HAR.
    Fare clic sull'icona del floppy per salvare l'attività di rete (HAR)
    Fare clic sull'icona del floppy per salvare l'attività di rete (HAR)
  6. Hai finito! Ora puoi rivedere il file prima di inviarcelo per la risoluzione dei problemi.