How to save the output of a console.log(object) to a file? How to save the output of a console.log(object) to a file? google-chrome google-chrome

How to save the output of a console.log(object) to a file?


Update:You can now just right click

Right click > Save as in the Console panel to save the logged messages to a file.

Original Answer:

You can use this devtools snippet shown below to create a console.save method. It creates a FileBlob from the input, and then automatically downloads it.

(function(console){console.save = function(data, filename){    if(!data) {        console.error('Console.save: No data')        return;    }    if(!filename) filename = 'console.json'    if(typeof data === "object"){        data = JSON.stringify(data, undefined, 4)    }    var blob = new Blob([data], {type: 'text/json'}),        e    = document.createEvent('MouseEvents'),        a    = document.createElement('a')    a.download = filename    a.href = window.URL.createObjectURL(blob)    a.dataset.downloadurl =  ['text/json', a.download, a.href].join(':')    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)    a.dispatchEvent(e) }})(console)

Source: http://bgrins.github.io/devtools-snippets/#console-save


UPDATE (06/2021):

Google added a menu action to copy objects. Right click on the object and then click Copy object

enter image description here

OLD ANSWER:

In case you have an object logged:

  • Right click on the object in console and click Store as a global variable
  • the output will be something like temp1
  • type in console copy(temp1)
  • paste to your favorite text editor


You can use the Chrome DevTools Utilities API copy() command for copying the string representation of the specified object to the clipboard.

If you have lots of objects then you can actually JSON.stringify() all your objects and keep on appending them to a string. Now use copy() method to copy the complete string to clipboard.