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

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

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


当前回答

现在说这个有点晚了,但也许能帮到别人。我的解决方案似乎类似于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(数据),在上面删除一个断点,然后在控制台中键入JSON. stringify(数据),显示整个对象为JSON字符串,Chrome控制台实际上给了你一个按钮来复制它。然后粘贴到文本编辑器中,这就是JSON

其他回答

现在说这个有点晚了,但也许能帮到别人。我的解决方案似乎类似于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(数据),在上面删除一个断点,然后在控制台中键入JSON. stringify(数据),显示整个对象为JSON字符串,Chrome控制台实际上给了你一个按钮来复制它。然后粘贴到文本编辑器中,这就是JSON

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

我的工作解决方案如下

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

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

在Chrome DevTools中,日志如下所示

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

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


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

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

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

更新(06/2021):

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

旧的回答:

如果你有一个对象日志:

在控制台中右键单击对象,然后单击“存储为全局变量” 输出将类似于temp1 输入控制台副本(temp1) 粘贴到您最喜欢的文本编辑器

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

JS LogFlush是一个集成的JavaScript日志解决方案,包括: 跨浏览器无ui替换console.log客户端。 日志存储系统-服务器端。

Demo