如何将console.log(对象)的输出保存到文件?

我尝试使用JSON.stringify(object)，但它不会在整个结构和层次结构上下降。

另一方面，console.log(对象)这样做，但我不能保存它。

在console.log输出中，我可以逐个展开所有的孩子，选择并复制/粘贴，但结构太大了。

当前回答

还有另一个开源工具可以让你把所有console.log输出保存在服务器上的一个文件中——JS LogFlush(插件!)。

JS LogFlush是一个集成的JavaScript日志解决方案，包括: 跨浏览器无ui替换console.log客户端。日志存储系统-服务器端。

Demo

2014-09-15 21:38:34

其他回答

你可以使用Chrome DevTools Utilities API copy()命令将指定对象的字符串表示复制到剪贴板。

如果你有很多对象，那么你实际上可以JSON.stringify()你所有的对象，并继续将它们附加到一个字符串。现在使用copy()方法将完整的字符串复制到剪贴板。

2013-06-05 00:48:19

更新: 现在只需单击鼠标右键

右键单击控制台面板中的> Save as，将记录的消息保存到一个文件中。

最初的回答:

您可以使用下面所示的devtools代码片段创建一个控制台。保存方法。它根据输入创建一个FileBlob，然后自动下载它。

(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)

来源:http://bgrins.github.io/devtools-snippets/ console-save

2013-11-06 17:25:07

更简单的方法是使用火狐开发工具console.log(youobjecject) ->右键点击对象->选择“复制对象”->将结果粘贴到记事本

谢谢。

2020-07-16 00:39:57

还有另一个开源工具可以让你把所有console.log输出保存在服务器上的一个文件中——JS LogFlush(插件!)。

JS LogFlush是一个集成的JavaScript日志解决方案，包括: 跨浏览器无ui替换console.log客户端。日志存储系统-服务器端。

Demo

2014-09-15 21:38:34

现在说这个有点晚了，但也许能帮到别人。我的解决方案似乎类似于OP所描述的问题，但也许这是Chrome现在提供的功能，但不是那时。我尝试在对象被写入控制台后右键单击并保存.log文件，但给我的只是一个文本文件:

console.js:230 Done: Array(50000)[0…9999][10000…19999][20000…] 29999][30000…39999][40000…49999]length: 50000__proto__:数组(0)

这对谁都没用。