如何将console.log（object）的输出保存到文件？

Z时代
2024-01-10
分类：问答

我尝试使用JSON.stringify(object)，但它并没有涉及整个结构和层次结构。

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

在console.log输出中，我可以将所有子项一个一个地展开，然后选择并复制/粘贴，但是结构非常重要。

回答：

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

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

原始答案：

您可以使用下面显示的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)