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.

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.

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.

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.

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

• La guida "Chrome DevTools: Console features reference" spiega come salvare i messaggi, conservare i log, filtrare e registrare le attività Fetch/XHR.
• La sezione "Panoramica della console di Microsoft Edge DevTools" descrive come aprire e utilizzare la console.
• Assistenza Cloudflare: la sezione "Raccogliere informazioni per la risoluzione dei problemi" fornisce istruzioni specifiche per browser su come raccogliere i log diagnostici.