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

IT技术 javascript json google-chrome
2021-02-08 19:47:08

我尝试使用JSON.stringify(object),但它不会影响整个结构和层次结构。

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

console.log输出中,我可以一一展开所有子项并选择和复制/粘贴,但结构太大了。

6个回答

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

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

原答案:

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

如果另存为不起作用,那么它是一个回归。您应该在 crbug.com 上提交错误
2021-03-17 19:47:08
我不是那些到处说“谢谢”的人,直到答案被阻止以防止“谢谢”。不过谢谢。要建一个扩展。
2021-03-22 19:47:08
“另存为...”功能实际上没有帮助。它不会保存完整的 JSON 对象(在我的例子中,我有一个对象数组,对象属性没有在输出文件中导出)。但希望你粘贴的那个很好的旧 devtool-snippet 像魅力一样工作。谢谢
2021-03-27 19:47:08
@ishandutta2007 你不应该下载任何代码片段——它现在内置在控制台中。
2021-03-29 19:47:08
右键单击不会执行对象的深度保存。
2021-04-06 19:47:08

更新 (06/2021):

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

在此处输入图片说明

旧答案:

如果您记录了一个对象:

  • 右键单击控制台中的对象,然后单击 Store as a global variable
  • 输出将类似于 temp1
  • 在控制台输入 copy(temp1)
  • 粘贴到您最喜欢的文本编辑器
我还发现将其粘贴到konklone.io/json 中,您可以快速将其放入 CSV 文件,然后再从那里放入 Excel。
2021-03-21 19:47:08
迄今为止最简单、最可靠的解决方案!
2021-03-29 19:47:08
我只得到 [object Object]
2021-04-01 19:47:08
控制台显示“未定义”,但这并不意味着失败。它仍然将它复制到剪贴板:)
2021-04-11 19:47:08
这是对我有用的答案,但也许应该提到必须指定特定的上下文(例如,在使用 iFrame 时)
2021-04-11 19:47:08

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

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

如果您键入 copy(object) 并返回“未定义”,则实际上是成功。该对象现在位于剪贴板中,可以粘贴。
2021-03-14 19:47:08
注意:您可以使用require("util").format(...)而不是JSON.stringify()一一应用。NPMutilmodule适用于 Node.js 和 Web 浏览器。
2021-03-26 19:47:08

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

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

@SenuraDissanayake 现在尝试 - 我不得不恢复某人的 PR,我没有测试过:/
2021-03-29 19:47:08
我收到一个错误 - SyntaxError: export declarations may only appear at top level of a module --> debugout.js:9
2021-04-12 19:47:08

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

console.js:230 完成: Array(50000)[0 ... 9999][10000 ... 19999][20000 ... 29999][30000 ... 39999][40000 ... 49999]length: 50000(__0proto)__: Array

这对任何人都没有用。

我最终做的是console.log(data)在代码中找到 ,在其上放置一个断点,然后JSON.Stringify(data)在控制台中输入,该控制台将整个对象显示为 JSON 字符串,Chrome 控制台实际上为您提供了一个复制它的按钮然后粘贴到文本编辑器中,这是您的 JSON

在此处输入图片说明

它说最后长文本被截断,如果你按复制它会复制整个 20.6MB 吗?
2021-03-25 19:47:08
@EduardFlorinescu 是的,一切
2021-03-28 19:47:08