我尝试使用JSON.stringify(object),但它不会在整个结构和层次结构上下降。
另一方面,console.log(对象)这样做,但我不能保存它。
在console.log输出中,我可以逐个展开所有的孩子,选择并复制/粘贴,但结构太大了。
我尝试使用JSON.stringify(object),但它不会在整个结构和层次结构上下降。
另一方面,console.log(对象)这样做,但我不能保存它。
在console.log输出中,我可以逐个展开所有的孩子,选择并复制/粘贴,但结构太大了。
当前回答
更新: 现在只需单击鼠标右键
右键单击控制台面板中的> 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
其他回答
你可以使用Chrome DevTools Utilities API copy()命令将指定对象的字符串表示复制到剪贴板。
如果你有很多对象,那么你实际上可以JSON.stringify()你所有的对象,并继续将它们附加到一个字符串。现在使用copy()方法将完整的字符串复制到剪贴板。
更新(06/2021):
谷歌增加了一个复制对象的菜单动作。右键单击对象,然后单击复制对象
旧的回答:
如果你有一个对象日志:
在控制台中右键单击对象,然后单击“存储为全局变量” 输出将类似于temp1 输入控制台副本(temp1) 粘贴到您最喜欢的文本编辑器
还有另一个开源工具可以让你把所有console.log输出保存在服务器上的一个文件中——JS LogFlush(插件!)。
JS LogFlush是一个集成的JavaScript日志解决方案,包括: 跨浏览器无ui替换console.log客户端。 日志存储系统-服务器端。
Demo
更简单的方法是使用火狐开发工具console.log(youobjecject) ->右键点击对象->选择“复制对象”->将结果粘贴到记事本
谢谢。
右击对象和保存对我来说是不可用的。
我的工作解决方案如下
Log在答案中显示为漂亮的字符串
console.log('jsonListBeauty', JSON.stringify(jsonList, null, 2));
在Chrome DevTools中,日志如下所示
只需按复制,它将复制到剪贴板与所需的间距水平
将其粘贴到您最喜欢的文本编辑器上并保存
图片拍摄于2021年2月15日,谷歌Chrome版本88.0.4324.150