【问题标题】:How to save the output of a console.log(object) to a file?如何将 console.log(object) 的输出保存到文件中?
【发布时间】:2012-08-04 16:19:34
【问题描述】:

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

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

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

【问题讨论】:

  • 您是否尝试从浏览器中保存 console.log 以用于开发目的?如果您能解释一下您的最终目标可能会有所帮助。
  • @MichaelS 我在日志文件中没有找到对象。
  • @travis 我想将一个对象导出到 JSON,但所有层次结构,还有他的属性和他的属性的属性。我实际上想获得一个对象的“接口”,除了函数的实现。
  • @MichaelS,这些问题是关于保存整个日志的,这个问题是关于保存单个对象的。它们与我的观点不同。

标签: javascript json google-chrome


【解决方案1】:

更新: You can now just right click

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

原答案:

您可以使用如下所示的 devtools sn-p 创建一个 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

【讨论】:

  • 我不是那些到处说“谢谢”的人,直到答案被阻止以防止“谢谢”。不过谢谢。将构建一个扩展。
  • 另存为...功能实际上并没有帮助。它不保存完整的 JSON 对象(在我的例子中,我有一个对象数组,对象属性没有导出到输出文件中)。但希望您粘贴的旧版 devtool-sn-p 能像魅力一样发挥作用。谢谢
  • 如果另存为无效,则为回归。你应该在 crbug.com 提交一个错误
  • @ishandutta2007 你不应该下载任何 sn-p - 它现在已内置在控制台中。
  • 右键不会深度保存对象。
【解决方案2】:

更新(06/2021):

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

旧答案:

如果您记录了一个对象:

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

【讨论】:

  • 我还发现,将其粘贴到 konklone.io/json 中,您可以快速将其保存到 CSV 文件中,然后从那里保存到 Excel 中。
  • 我只得到[object Object]
  • 控制台显示“未定义”,但这并不意味着失败。它仍然将其复制到剪贴板:)
  • 这是对我有用的答案,但也许应该提到必须指定特定上下文(例如,使用 iFrame 时)
  • 迄今为止最简单、最可靠的解决方案!
【解决方案3】:

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

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

【讨论】:

  • 注意:您可以使用require("util").format(...),而不是一一应用JSON.stringify()The util module on NPM 适用于 Node.js 和 Web 浏览器。
  • 如果你输入 copy(object) 并且它返回 'undefined',那实际上是成功的。该对象现在在您的剪贴板中,可以粘贴。
【解决方案4】:

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

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

【讨论】:

  • 我收到一个错误 - SyntaxError: export declarations may only appear at top level of a module --> debugout.js:9
  • @SenuraDissanayake 现在尝试 - 我必须恢复我没有测试过的某人的 PR:/
【解决方案5】:

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

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

这对任何人都没有用。

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

【讨论】:

  • 它最后说长文本被截断,如果你按复制它会复制整个20.6MB吗?
  • @EduardFlorinescu 是的,一切
【解决方案6】:

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

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

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

Demo

【讨论】:

    【解决方案7】:

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

    【讨论】:

    • 只是没有任何迹象表明什么是错误、减弱和日志。
    【解决方案8】:

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

    l2i.download();
    

    下载带有日志的文件。

    【讨论】:

      【解决方案9】:

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

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

      记录为answer中显示的漂亮字符串

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

      在 Chrome DevTools 中,Log 如下所示

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

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


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

      【讨论】:

        【解决方案10】:

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

        谢谢。

        【讨论】:

        • 这个选项似乎已经被接受的答案所涵盖。此外,该问题已标记为 Google Chrome。
        猜你喜欢
        • 1970-01-01
        • 2011-11-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-10-16
        • 2016-12-04
        • 1970-01-01
        相关资源
        最近更新 更多