Save the console log in Chrome to a file

Question

Does anyone know of a way to save the console log output in Chrome to a file   Or how to copy the text out of the console   Say you are running a few hours of functional tests and you ve got thousands of lines of console log output in Chrome   How do you save it or export it

User · Answer

I have found a great and easy way for this.

In the console - right click on the console logged object
Click on 'Store as global variable'
See the name of the new variable - e.g. it is variableName1
Type in the console: JSON.stringify(variableName1)
Copy the variable string content: e.g. {"a":1,"b":2,"c":3}

Go to some JSON online editor: e.g. https://jsoneditoronline.org/

User · Answer

I needed to do the same thing and this is the solution I found    Enable logging from the command line using the flags   --enable-logging --v 1  This logs everything Chrome does internally  but it also logs all the console log   messages as well   The log file is called chrome debug log and is located in the User Data Directory  Filter the log file you get for lines with CONSOLE  d      Note that console logs do not appear with --incognito

User · Answer

the other solutions in this thread weren t working on my mac  Here s a logger that saves a string representation intermittently using ajax  use it with console save instead of console log  var logFileString     var maxLogLength 1024 128   console save function      var logArgs        for var i 0  i lt arguments length  i    logArgs  arg  i  arguments i     console log logArgs         keep a string representation of every log   logFileString  JSON stringify logArgs null 2    n         save the string representation when it gets big   if logFileString length gt maxLogLength          send a copy in case race conditions change it mid-save     saveLog logFileString       logFileString              depending on what you need  you can save that string or just console log it and copy and paste  here s an ajax for you in case you want to save it   function saveLog data        do some ajax stuff with data    var xhttp   new XMLHttpRequest       xhttp onreadystatechange   function        if  this readyState    4  amp  amp  this status    200            xhttp open  POST    saveLog php   true     xhttp send data       the saveLog php should append the data to a log file somewhere  I didn t need that part so I m not including it here      https   www google com search q php append to log

User · Answer

There is an open-source javascript plugin that does just that  but for any browser - debugout js   Debugout js records and save console logs so your application can access them  Full disclosure  I wrote it  It formats different types appropriately  can handle nested objects and arrays  and can optionally put a timestamp next to each log  You can also toggle live-logging in one place  and without having to remove all your logging statements

User · Answer

On Linux  at least  you can set CHROME LOG FILE in the environment to have chrome write a log of the Console activity to the named file each time it runs  The log is overwritten every time chrome starts  This way  if you have an automated session that runs chrome  you don t have a to change the way chrome is started  and the log is there after the session ends   export CHROME LOG FILE chrome log

User · Answer

For better log file  without the Chrome-debug nonsense  use   --enable-logging --log-level 0   instead of --v 1 which is just too much info   It will still provide the errors and warnings like you would typically see in the Chrome console   update May 18  2020  Actually  I think this is no longer true  I couldn t find the console messages within whatever this logging level is

User · Answer

There is another open-source tool which allows you to save all console log output in a file on your server - JS LogFlush  plug        JS LogFlush is an integrated JavaScript logging solution which include          cross-browser UI-less replacement of console log - on client side    log storage system - on server side       Demo

User · Answer

If you re running an Apache server on your localhost  don t do this on a production server   you can also post the results to a script instead of writing it to console   So instead of console log  you can write   JSONP  http   localhost save php    fn   filename txt   data  json      Then save php can do this   lt  php    fn     REQUEST  fn      data     REQUEST  data      file put contents  path  fn    data

User · Answer

A lot of good answers but why not just use JSON stringify your variable     Then take the contents via copy and paste  remove outer quotes    I posted this same answer also at  How to save the output of a console log object  to a file

User · Answer

These days it s very easy - right click any item displayed in the console log and select save as and save the whole log output to a file on your computer

User · Answer

Good news  Chrome dev tools now allows you to save the console output to a file natively   Open the console Right-click Select  save as        Chrome Developer instructions here

User · Answer

For Google Chrome Version 84 0 4147 105 and higher  just right click and click  Save as  and  Save  then  txt file will be saved

User · Answer

This may or may not be helpful but on Windows you can read the console log using Event Tracing for Windows  http   msdn microsoft com en-us library ms751538 aspx  Our integration tests are run in  NET so I use this method to add the console log to our test output  I ve made a sample console project to demonstrate here  https   github com jkells chrome-trace  --enable-logging --v 1 doesn t seem to work on the latest version of Chrome

[google-chrome] Save the console.log in Chrome to a file

Examples related to google-chrome

Examples related to console

Examples related to logging