freks blog

about

console.logをファイルに保存する

created: 2023-08-30

Javascriptで開発中にconsole.logを使うことがありますが、console.logでなくてファイルでダウンロードしたいときがあります

そのときは、以下のようにします

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

const data = [
  {
    id: 1,
    name: 'Sample'
  }
];

console.save(data, 'data.json');
</script>

参考にしたリンク http://bgrins.github.io/devtools-snippets/#console-save


Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks