288

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

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

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

4

10 回答 10

351

更新： 您现在只需右键单击

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

原答案：

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

于 2013-11-06T17:25:07.810 回答
312

更新（06/2021）：

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

在此处输入图像描述

旧答案：

如果您记录了一个对象：

  • 右键单击控制台中的对象，然后单击Store as a global variable
  • 输出将类似于temp1
  • 输入控制台copy(temp1)
  • 粘贴到您喜欢的文本编辑器
于 2015-11-18T01:27:49.703 回答
141

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

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

于 2013-06-05T00:48:19.740 回答
8

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

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

于 2014-06-17T18:00:07.220 回答
4

这真的很晚了，但也许它会帮助某人。我的解决方案似乎与 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

在此处输入图像描述

于 2019-11-28T13:57:29.400 回答
3

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

JS LogFlush是一个集成的 JavaScript 日志记录解决方案，包括：

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

演示

于 2014-09-15T21:38:34.373 回答
3

右键单击控制台..单击另存为..它很简单..你会得到一个输出文本文件

于 2015-05-03T09:16:00.033 回答
2

您可以使用库l2i（https://github.com/seriyvolk83/logs2indexeddb）保存您放入的所有内容console.log ，然后调用

l2i.download();

下载带有日志的文件。

于 2014-07-02T19:41:07.353 回答
1

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

下面给出了我的工作解决方案

记录为此答案中显示的漂亮字符串

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

在 Chrome DevTools 中，Log 显示如下

保存Jsonlog

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

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

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

于 2021-02-15T12:18:59.957 回答
0

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

谢谢。

于 2020-07-16T00:39:57.393 回答