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

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

另一方面，console.log(object)这样做，但我不能保存它。

在console.log输出中，我可以逐个展开所有子对象并选择和复制/粘贴，但结构太大了。

294552 次浏览
小开

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

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

小开
最佳答案
< p >更新: 现在只需单击鼠标右键 < / p >

右键单击控制台面板中的> Save as，将记录的消息保存到一个文件中。

最初的回答:

您可以使用下面所示的devtools代码片段创建一个控制台。保存方法。它根据输入创建一个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

小开

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

debug .js记录并保存控制台。日志，以便应用程序可以访问它们。坦白说，是我写的。它可以适当地格式化不同的类型，可以处理嵌套对象和数组，还可以在每个日志旁边添加时间戳。它还可以在一个地方切换实时日志记录。

小开
你可以使用库l2i (https://github.com/seriyvolk83/logs2indexeddb)来保存你放入console.log的所有内容 然后调用

l2i.download();

下载带有日志的文件。

小开

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

< em > JS LogFlush < / em >是一个集成的JavaScript日志解决方案，包括:

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

< a href = " http://youtu。/ AFfTu2F3leM”rel =“nofollow”演示> < / >

小开

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

小开

更新(06/2021):

谷歌增加了一个复制对象的菜单动作。右键单击该对象，然后单击Copy object

enter image description here

旧的回答:

如果你有一个对象日志:

  • 右键单击控制台中的对象，然后单击Store as a global variable
  • 输出将类似temp1
  • 输入控制台copy(temp1)
  • 粘贴到您最喜欢的文本编辑器
小开
这真的是姗姗来迟了，但也许它会帮助到某人。我的解决方案似乎类似于OP所描述的问题，但也许这是Chrome现在提供的功能，但不是那时。 我尝试在对象被写入控制台后右键单击并保存.log文件，但所给我的只是一个文本文件:

console.js:230 Done: Array(50000)[0…9999][10000…19999][20000…] 29999][30000…39999][40000…49999]length: 50000__proto__:数组(0)

这对谁都没用。

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

enter image description here

小开

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

谢谢。

小开

右击对象和保存对我来说是不可用的。

我的工作解决方案如下

日志作为漂亮的字符串显示在回答

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

在Chrome DevTools中，日志如下所示

saveJsonlog

只需按复制，它将复制到剪贴板与所需的间距水平

将其粘贴到您最喜欢的文本编辑器上并保存

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


提交答案