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

小编典典

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

json

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

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

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

阅读 632

2020-07-27

共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

2020-07-27