我尝试使用JSON.stringify(object),但它不会在整个结构和层次结构上下降。

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

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


当前回答

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

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

其他回答

更新: 现在只需单击鼠标右键

右键单击控制台面板中的> 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

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

l2i.download();

下载带有日志的文件。

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

谢谢。

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

我的工作解决方案如下

Log在答案中显示为漂亮的字符串

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

在Chrome DevTools中,日志如下所示

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

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


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

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