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

2020/10/10 07:41 · javascript ·  · 0评论

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

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

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

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

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

原始答案:

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

如果您记录了一个对象:

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

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

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

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

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

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

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

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

演示版

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

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

在此处输入图片说明

您可以使用库l2ihttps://github.com/seriyvolk83/logs2indexeddb)保存所有内容console.log
,然后调用

l2i.download();

下载带有日志的文件。

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

谢谢。

本文地址:http://javascript.askforanswer.com/ruhejiangconsole-logobjectdeshuchubaocundaowenjian.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!