Come visualizzare e salvare un registro della console del browser

Quando un sito web visualizza un errore, un pulsante non fa nulla o una pagina si comporta in modo imprevisto, la Console del browser può mostrare errori JavaScript, avvisi e alcuni messaggi relativi alla rete. In Chrome e in altri browser basati su Chromium, è possibile esaminare questi messaggi negli Strumenti per sviluppatori e salvarli come .logfile di testo semplice da condividere con il team di supporto. La Console non è una registrazione completa di ogni richiesta e risposta; utilizzare il pannello Rete quando sono necessarie intestazioni di richiesta dettagliate, corpi di risposta o informazioni temporali.

1. Apri la console del browser

  1. Apri la pagina in cui si verifica il problema.
  2. Apri gli Strumenti per sviluppatori. In Chrome su Windows o Linux, premi F12o Ctrl++ . Su macOS, premi ++ . Puoi anche aprire il menu del browser e scegliere ShiftAltri strumenti > Strumenti per sviluppatori .ICommandOptionI
  3. Seleziona la scheda Console . Se DevTools si apre in un pannello laterale o inferiore, puoi lasciarlo lì oppure utilizzare il menu DevTools per modificarne la posizione di ancoraggio.
Un sito web di esempio aperto accanto agli Strumenti per sviluppatori di Chrome con la scheda Console selezionata.
Apri gli Strumenti per sviluppatori sulla pagina che desideri analizzare, quindi seleziona Console.

Microsoft Edge utilizza un flusso di lavoro simile. Apri gli Strumenti per sviluppatori con F12o Ctrl+ Shift+ Isu Windows, quindi seleziona Console. Le scorciatoie da tastiera possono variare a seconda del browser, del sistema operativo e delle impostazioni della tastiera; il menu del browser è un'alternativa affidabile.

2. Riproduci il problema e conserva i messaggi corretti

Con la Console visibile, ripeti l'azione che ha causato il problema: invia il modulo, fai clic sul pulsante interessato, accedi o ricarica la pagina. Cerca messaggi di errore rossi e avvisi gialli. Espandi una voce quando hai bisogno della traccia dello stack o di ulteriori dettagli. Utilizza il filtro della Console o i controlli a livello di messaggio per restringere la visualizzazione, ma rimuovi i filtri prima di salvare se hai bisogno del log completo.

La console del browser mostra un output informativo, un avviso e una richiesta di risorsa non riuscita.
Le voci della console possono mostrare errori JavaScript, avvisi e alcuni caricamenti di risorse non riusciti.

Conserva i log durante la navigazione: una normale navigazione tra le pagine può cancellare la Console. In Chrome, apri le impostazioni della Console e abilita "Mantieni log" prima di riprodurre il problema. Edge offre un'impostazione simile per "Mantieni log". Questa opzione è particolarmente utile quando un clic reindirizza a un'altra pagina o quando l'errore si verifica durante un ricaricamento.

Menu delle impostazioni della console con l'opzione "Mantieni registro" abilitata
Abilita la conservazione del registro prima di riprodurre i problemi che causano la navigazione o il ricaricamento.

Se hai bisogno di visualizzare XMLHttpRequeste monitorare l'attività di recupero dati nella Console, Chrome DevTools offre l' impostazione "Log XMLHttpRequests" . Questa opzione aggiunge le richieste man mano che si verificano, ma non sostituisce il pannello Rete, che fornisce un'analisi più completa a livello di singola richiesta.

3. Salva l'output della console in un file

  1. Dopo aver riprodotto il problema, fai clic con il pulsante destro del mouse su un'area vuota o su un messaggio all'interno della Console.
  2. Seleziona Salva con nome… (la dicitura potrebbe variare leggermente a seconda della versione del browser).
  3. Scegli una cartella e un nome file, quindi salva il registro.
  4. Apri il .logfile risultante con un editor di testo come Blocco note, oppure allegalo alla tua richiesta di assistenza, se richiesto.
Il menu contestuale della Console con il comando Salva con nome evidenziato.
Utilizza "Salva con nome" per esportare i messaggi correnti della console come file di testo semplice.

In Chrome, il menu contestuale della Console include anche le opzioni Copia o Copia console nelle versioni supportate, che possono essere utili per un breve estratto. Per output più lunghi, è generalmente preferibile salvare. Il file esportato contiene i messaggi attualmente disponibili nella Console, non un archivio completo di tutto il traffico del browser o necessariamente la cronologia dei comandi digitati.

4. Quando il problema riguarda le richieste di rete

L'output della console è utile per le eccezioni JavaScript e alcuni caricamenti non riusciti, ma potrebbe non spiegare il motivo del fallimento di una chiamata API. Apri la scheda Rete negli Strumenti per sviluppatori, riproduci il problema e seleziona la richiesta pertinente per esaminare il codice di stato, le intestazioni di richiesta e risposta, il payload e i tempi. Se un team di supporto richiede una cattura di rete, utilizza l'opzione di esportazione del pannello Rete per salvare un file HAR e segui le istruzioni del team in merito all'inclusione o meno di dati sensibili. I file HAR possono contenere cookie, intestazioni di autorizzazione, URL o dati di moduli inviati, quindi rivedi e ripulisci il file prima di condividerlo.

Suggerimenti per la risoluzione dei problemi

  • La console è vuota: riproduci il problema dopo aver aperto gli Strumenti per sviluppatori, verifica che i livelli dei messaggi non siano filtrati e ricarica se necessario.
  • I messaggi scompaiono dopo aver cliccato su un link: abilita prima l'opzione "Mantieni registro", poi ripeti la procedura.
  • Se visualizzi un errore 404 o un altro errore di rete, esamina la richiesta corrispondente nella sezione Rete; il messaggio nella Console potrebbe non mostrare la risposta completa.
  • Il problema si verifica solo in un browser: raccogli un log separato per ogni browser e annota la versione del browser, il sistema operativo, l'URL della pagina e i passaggi esatti per riprodurre il problema.
  • Il file salvato sembra incompleto: verifica che la Console non sia stata filtrata e che il problema si sia ripresentato dopo l'attivazione della registrazione. Se hai bisogno di diagnostica di connessione di livello inferiore, chiedi al supporto quale formato di acquisizione è richiesto, invece di presumere che un log della Console contenga tutti i dati di rete.

Documentazione ufficiale

Lascia un commento

Come ripristinare l'opzione "Apri sempre i link di questo tipo" di Chrome

Come ripristinare l'opzione "Apri sempre i link di questo tipo" di Chrome

Ripristina la casella di controllo mancante per le app esterne in Chrome su Windows abilitando la policy ufficiale nel Registro di sistema, quindi riavvia Chrome e prova un link attendibile.

Come visualizzare e salvare un registro della console del browser

Come visualizzare e salvare un registro della console del browser

Scopri come aprire gli Strumenti per sviluppatori di Chrome o Edge, conservare i messaggi della console tra un caricamento di pagina e l'altro, salvare un file .log e acquisire i dettagli di rete per la risoluzione dei problemi.

Come accedere ai segnalibri di Chrome senza aprire Chrome

Come accedere ai segnalibri di Chrome senza aprire Chrome

Recupera i segnalibri di Chrome anche quando il browser non è disponibile. Usa Google Takeout per esportare i segnalibri salvati come file HTML che puoi aprire o importare altrove.

Come modificare la barra laterale in Gmail per il Web

Come modificare la barra laterale in Gmail per il Web

Scopri come mostrare, nascondere e organizzare le etichette di Gmail, utilizzare il divisore "Altro" e comprimere la barra laterale senza eliminare messaggi o etichette.

Come disattivare i messaggi di Firefox nella pagina Nuova scheda

Come disattivare i messaggi di Firefox nella pagina Nuova scheda

Scopri perché i vecchi messaggi di Firefox sono scomparsi e come nascondere i collegamenti sponsorizzati, gli articoli o tutti i contenuti nella pagina Nuova scheda.

Come installare le estensioni di Chrome nei browser basati su Chromium

Come installare le estensioni di Chrome nei browser basati su Chromium

Installa le estensioni del Chrome Web Store in Edge, Brave, Opera e altri browser desktop basati su Chromium. Verifica le autorizzazioni, gestisci le richieste del browser e amministra i componenti aggiuntivi.

Come condividere il testo degli appunti tra browser Chrome

Come condividere il testo degli appunti tra browser Chrome

Chrome non sincronizza il testo copiato negli appunti tra i dispositivi. Utilizza una nota di Google Keep per trasferire un frammento di testo tra i browser Chrome oppure invia una pagina utilizzando gli strumenti di condivisione integrati di Chrome.

Come disabilitare lo scorrimento infinito di Twitter (X) nel browser

Come disabilitare lo scorrimento infinito di Twitter (X) nel browser

Disabilita lo scorrimento infinito di Twitter in Chrome, Edge o Firefox utilizzando le estensioni compatibili con X che aggiungono interruzioni di pagina o un limite alla sessione di lettura.

Come installare e disinstallare i componenti aggiuntivi in ​​Google Docs

Come installare e disinstallare i componenti aggiuntivi in ​​Google Docs

Installa un componente aggiuntivo per Google Docs dal Marketplace di Workspace, controlla le autorizzazioni, disattivalo per un singolo documento oppure disinstallalo quando non ti serve più.

Come calcolare l'area su Google Maps

Come calcolare l'area su Google Maps

Traccia un confine con lo strumento "Misura distanza" di Google Maps per desktop, distingui il perimetro dall'area e usa Google Earth per una rappresentazione grafica documentata dell'area.