chrome谷歌浏览器调试长数据的方法

当我们在用谷歌浏览器调试web程序的时候，难免会有一些较长的数据，如大串json等；

 

而此时，又不能通过alert或是console log记录；

 

那么，我们可以在console里面加一个保存函数save，然后将内容保存成文档，而且无需特别的权限设置。

 

第一部分：

打开console，复制粘贴以下内容后，运行：

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

 

第二步，当你想了解的变量内容在调试后有内容时；

可以输入console.save(变量, "xxx.json");

然后会弹出窗口，让你选择想保存的位置。

注：第一个参数为变量名；第二个为保存文档的名称；

 

完