将Chrome console里的调试内容保存成本地JSON文件

使用场景

• console 打印输出超长字符串，浏览器显示不全，无法拷贝
• console 输出一个object 对象

自动化的做法

(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)

• 把这段代码粘贴到Chrome开发者工具的console标签页执行，给标准的console对象新增一个save方法。这个方法有两个输入参数，第一个为待保存成本地JSON文件的JavaScript变量，第二个参数为本地JSON文件的名称。

• 还是回到上面的例子，我在Chrome开发者工具的console页面执行了上述的JavaScript代码后，紧接着再执行下面的语句：

console.save(button, “button.json”);

-ok-end