代码之家 › 专栏 › 技术社区 › Eduard Florinescu

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

google-chrome json javascript

304

Eduard Florinescu · 技术社区 · 14 年前

我试着用 JSON.stringify(object) ,但它并没有影响到整个结构和层次结构。

另一方面 console.log(object) 这样做,但我救不了它。

在 console.log 输出我可以一个接一个地扩展所有的子项并选择和复制/粘贴,但结构太大了。

10 回复 | 直到 10 年前

364

gotnull mzelina 10 年前

更新: You can now just right click

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

原始答案:

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

318

artemnih 5 年前

更新(2021年6月):

谷歌添加了一个菜单操作来复制对象。右键单击对象,然后单击 Copy object

旧答案:

如果您记录了一个对象:

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

141

Martin Burch Saurav 7 年前

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

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

inorganik 12 年前

有一个开源的javascript插件可以做到这一点- debugout.js

调试js记录并保存console.log,以便应用程序可以访问它们。完全公开,我写了它。它适当地格式化不同的类型,可以处理嵌套的对象和数组,并且可以选择性地在每个日志旁边放一个时间戳。它还可以在一个地方切换实时日志记录。

Adam Hey 6 年前

派对真的很晚了,但也许这会对某人有所帮助。我的解决方案似乎与OP所描述的问题类似,但也许这是Chrome现在提供的功能,但当时不是。在将对象写入控制台后,我尝试右键单击并保存.log文件,但得到的只是一个包含以下内容的文本文件:

console.js:230完成:数组(50000)[0 9999][10000 19999][20000 29999][30000 39999][40000 49999]长度:50000__proto__:数组(0)

这对任何人都没有用。

我最终找到了 console.log(data) 在代码中,在其上删除一个断点,然后键入 JSON.Stringify(data) 在控制台中,它将整个对象显示为JSON字符串,而Chrome控制台实际上 给你一个复制按钮 。然后粘贴到文本编辑器中,就有了您的JSON

hindmost 12 年前

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

JS日志刷新 是一个集成的JavaScript日志记录解决方案,包括:

客户端console.log的跨浏览器无UI替换。

日志存储系统—在服务器端。

Demo

Alexander Volkov 12 年前

您可以使用库 l2i ( https://github.com/seriyvolk83/logs2indexeddb )保存你投入的所有 console.log 然后调用

l2i.download();

下载带有日志的文件。

Akhil_S 11 年前

右键单击控制台。。点击另存为..就这么简单。。您将得到一个输出文本文件

majurageerthan 5 年前

右键单击对象,我无法保存。

我的工作解决方案如下

以如下所示的漂亮字符串记录 answer

console.log('jsonListBeauty', JSON.stringify(jsonList, null, 2));

在Chrome DevTools中,日志显示如下

只需按复制,它将以所需的间距级别复制到剪贴板

将其粘贴到您喜爱的文本编辑器中并保存

图片拍摄于2021年2月15日,谷歌Chrome版本88.0.4324.150

Goon Crafter 6 年前

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

谢谢