1. ホーム
  2. ジャバスクリプト

[解決済み】console.log(object)の出力をファイルに保存する方法は?

2022-04-02 15:10:20

質問

を使ってみました。 JSON.stringify(object) が、全体の構成や階層が下がらない。

一方 console.log(object) はそうなのですが、保存ができません。

での console.log の出力では、すべての子を一つずつ展開して選択し、コピー&ペーストすることができますが、構造が大きすぎてそれどころではありません。

どのように解決するのですか?

更新してください。 右クリックで表示できるようになりました

<ブロッククオート

コンソールパネルで右クリック > 名前を付けて保存すると、ログに記録されたメッセージをファイルに保存することができます。

オリジナルの回答です。

以下に示すdevtoolsのスニペットを使って、console.saveメソッドを作成することができます。これは入力から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