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


240

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

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

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



您是否正在尝试从浏览器保存console.log以便进行开发?如果您解释最终目标是什么,可能会有所帮助。
特拉维斯2012年

1
@MichaelS我没有在日志文件中找到对象。
爱德华(Eduard Florinescu)2012年

@travis我想将对象导出到JSON,但要导出所有层次结构,还包括他的属性以及他的属性的属性。我实际上希望获得对象的“接口”,而不是功能的实现。
爱德华(Eduard Florinescu)2012年

2
@MichaelS,这些问题是关于保存整个日志的,这个问题是关于保存单个对象的。它们与我的观点不同。
James McMahon

Answers:


307

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

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

原始答案:

您可以使用下面显示的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
我不是那些到处都放弃“谢谢”的人,直到答案被阻止以防止“感谢”。但是,谢谢。要建立扩展。
列昂佩尔蒂埃

14
另存为...功能实际上无济于事。它不会保存完整的JSON对象(在我的情况下,我有一个对象数组,没有在输出文件中导出对象属性)。但是希望您粘贴的旧的好devtool-snippet就像一个魅力。谢谢
M. Kejji

1
如果另存为不起作用,则为回归。你应该在crbug.com提交一个bug
帕特里克

1
@ ishandutta2007,您不应下载任何代码段-现在已内置到控制台中。
Patrick Patrick

10
右键单击将不执行对象的深层保存。
user1032531

246

如果您记录了一个对象:

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

1
我还发现将其粘贴到konklone.io/json中,然后可以将其快速获取到CSV文件中,然后从此处获取到Excel中。
PeteW

9
我只收到[object Object]
norbidrak

1
控制台显示“未定义”,但这并不意味着失败。它仍然将其复制到剪贴板:)
Dean

1
很棒的解决方案。非常感谢!
Ben Rondeau

1
到目前为止,最简单,最可靠的解决方案!
克里斯·B

130

您可以使用Chrome DevTools实用程序API copy()命令将指定对象的字符串表示形式复制到剪贴板。

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


13
用法:copy(object)
antoine

注意:您可以使用require("util").format(...)而不是JSON.stringify()一一应用。NPMutil模块可在Node.js和Web浏览器上使用。
КонстантинВан

2
如果键入copy(object)并返回“ undefined”,则实际上是成功的。该对象现在位于剪贴板中,可以粘贴。
院长

7

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

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


我发现了一个错误-SyntaxError: export declarations may only appear at top level of a module --> debugout.js:9
Senura纳亚克

@SenuraDissanayake现在尝试-我不得不还原我未测试的某人的PR:/
inorganik,

3

右键单击控制台..单击另存为..这很简单..您将获得一个输出文本文件


只是没有任何迹象表明什么是错误vs减弱vs日志。
Paulius Liekis


2

还有另一个开源工具,它允许您将所有console.log输出保存在服务器上的文件中-JS LogFlush(插件!)。

JS LogFlush是集成的JavaScript日志记录解决方案,其中包括:

  • 跨浏览器的无UI替换console.log-在客户端。
  • 日志存储系统-在服务器端。

演示版


2

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

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

这对任何人都没有用。

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

在此处输入图片说明


它说最后是长文本被截断,如果您按“ 复制 ”会复制整个20.6MB吗?
Eduard Florinescu

1
@EduardFlorinescu是的,一切
Adam Hey
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.