288

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

一方、それconsole.log(object)はしますが、私はそれを保存することはできません。

出力では、console.logすべての子を1つずつ展開し、選択してコピー/貼り付けできますが、そのための構造は非常に大きくなります。

4

10 に答える 10

351

更新: 右クリックだけでできるようになりました

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

元の回答:

以下に示すこの 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

于 2013-11-06T17:25:07.810 に答える
141

Chrome DevTools Utilities APIcopy()コマンドを使用して、指定したオブジェクトの文字列表現をクリップボードにコピーできます。

多くのオブジェクトがある場合は、実際にすべてのオブジェクトを JSON.stringify() して、それらを文字列に追加し続けることができます。メソッドを使用copy()して、完全な文字列をクリップボードにコピーします。

于 2013-06-05T00:48:19.740 に答える
8

まさにそれを行うオープンソースのjavascriptプラグインがあります-debugout.js

Debugout.js を記録して console.log を保存し、アプリケーションがそれらにアクセスできるようにします。完全な開示、私はそれを書きました。さまざまなタイプを適切にフォーマットし、ネストされたオブジェクトと配列を処理でき、オプションで各ログの横にタイムスタンプを配置できます。また、ライブログを 1 か所で切り替えます。

于 2014-06-17T18:00:07.220 に答える
3

コンソールを右クリック..名前を付けて保存をクリック..これは簡単です..出力テキストファイルを取得します

于 2015-05-03T09:16:00.033 に答える
2

ライブラリl2i（https://github.com/seriyvolk83/logs2indexeddb）を使用して、入力したすべてを保存してconsole.log から呼び出すことができます

l2i.download();

ログ付きのファイルをダウンロードします。

于 2014-07-02T19:41:07.353 に答える