將json對象經過控制檯保存到本地文件

在項目開發過程當中，前端和後端常常是並行的。這時前端不免須要在本地"製造"出符合指定格式要求的數據。大部分數據都是使用json格式，那麼有什麼好的方法能直接保存json對象到本地呢？今天發現瞭如下方法：

 

 1 ( function(console){
 2 
 3     console.save =  function(data, filename){
 4 
 5          if(!data) {
 6             console.error('Console.save: No data')
 7              return;
 8         }
 9 
10          if(!filename) filename = 'console.json'
11 
12          if( typeof data === "object"){
13             data = JSON.stringify(data)
14         }
15 
16          var blob =  new Blob([data], {type: 'text/json'}),
17             e    = document.createEvent('MouseEvents'),
18             a    = document.createElement('a')
19 
20         a.download = filename
21         a.href = window.URL.createObjectURL(blob)
22         a.dataset.downloadurl =  ['text/json', a.download, a.href].join(':')
23         e.initMouseEvent('click',  true,  false, window, 0, 0, 0, 0, 0,  false,  false,  false,  false, 0,  null)
24         a.dispatchEvent(e)
25     }
26 })(console)

 

效果很是贊！

 

 

參考：http://bgrins.github.io/devtools-snippets/#console-save