如何将控制台.log（对象）的输出保存到文件中？

javascript json google-chrome

2022-08-30 00:09:03

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

另一方面，这样做，但我无法保存它。console.log(object)

在输出中，我可以逐个展开所有子项，然后选择和复制/粘贴，但结构很大。console.log

答案 1

更新：您现在可以右键单击

右键单击“控制台”面板中的>另存为“，将记录的消息保存到文件中。

原始答案：

您可以使用下面显示的 devtools 代码段来创建 console.save 方法。它从输入创建一个 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

答案 2

更新（06/2021）：

Google 添加了一个菜单操作来复制对象。右键单击该对象，然后单击Copy object

旧答案：

如果您记录了一个对象：

右键单击控制台中的对象，然后单击Store as a global variable
输出将类似于temp1
在控制台中键入copy(temp1)
粘贴到您喜欢的文本编辑器