Bagaimana cara menyimpan output dari console.log (objek) ke file?

Saya mencoba menggunakan JSON.stringify(object), tetapi tidak turun pada seluruh struktur dan hierarki.

Di sisi lain console.log(object)melakukan itu tetapi saya tidak bisa menyimpannya.

Dalam console.logoutput saya dapat memperluas satu per satu semua anak dan pilih dan salin / tempel tetapi strukturnya besar untuk itu.

Pembaruan: Anda sekarang dapat mengklik kanan

Klik kanan> Simpan sebagai pada panel Konsol untuk menyimpan pesan yang dicatat ke file.

Jawaban asli:

Anda dapat menggunakan potongan devtools ini di bawah ini untuk membuat metode console.save. Itu membuat FileBlob dari input, dan kemudian secara otomatis mengunduhnya.

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

Sumber: http://bgrins.github.io/devtools-snippets/#console-save

Jika Anda memiliki objek yang dicatat:

• Klik kanan pada objek di konsol dan klik Store as a global variable
• outputnya akan seperti temp1
• ketik konsol copy(temp1)
• rekatkan ke editor teks favorit Anda

Anda dapat menggunakan perintah API Chrome DevTools Utilitiescopy() untuk menyalin representasi string dari objek yang ditentukan ke clipboard.

Jika Anda memiliki banyak objek maka Anda dapat benar-benar JSON.stringify () semua objek Anda dan terus menambahkannya ke string. Sekarang gunakan copy()metode untuk menyalin string lengkap ke papan klip.

Ada plugin javascript open-source yang melakukan hal itu - debugout.js

Debugout.js merekam dan menyimpan console.logs sehingga aplikasi Anda dapat mengaksesnya. Pengungkapan penuh, saya menulisnya. Ini memformat berbagai jenis dengan tepat, dapat menangani objek dan array bersarang, dan secara opsional dapat menempatkan stempel waktu di sebelah setiap log. Ini juga mengaktifkan live-logging di satu tempat.

klik kanan pada konsol .. klik simpan sebagai .. ini sederhana .. Anda akan mendapatkan file teks output

Anda dapat menggunakan perpustakaan l2i( https://github.com/seriyvolk83/logs2indexeddb ) untuk menyimpan semua yang Anda masukkan console.log dan memohon

l2i.download();

untuk mengunduh file dengan log.

Ada alat open-source lain yang memungkinkan Anda untuk menyimpan semua console.logoutput dalam file di server Anda - JS LogFlush (plug!).

JS LogFlush adalah solusi logging JavaScript terintegrasi yang meliputi:

• lintas-browser UI-kurang penggantian console.log - di sisi klien.
• sistem penyimpanan log - di sisi server.

Demo

Ini benar-benar terlambat ke pesta, tapi mungkin itu akan membantu seseorang. Solusi saya tampaknya mirip dengan apa yang oleh OP dijelaskan sebagai masalah, tetapi mungkin itu adalah fitur yang ditawarkan Chrome sekarang, tetapi tidak saat itu. Saya mencoba mengklik kanan dan menyimpan file .log setelah objek ditulis ke konsol, tetapi semua yang memberi saya adalah file teks dengan ini:

console.js: 230 Selesai: Array (50000) [0 ... 9999] [10000 ... 19999] [20000 ... 29999] [30000 ... 39999] [40000 ... 49999] panjang: 50000__proto__: Array (0)

yang tidak ada gunanya bagi siapa pun.

Apa yang akhirnya saya lakukan adalah menemukan console.log(data)dalam kode, menjatuhkan breakpoint di atasnya dan kemudian mengetik JSON.Stringify(data)di konsol yang menampilkan seluruh objek sebagai string JSON dan konsol Chrome benar-benar memberi Anda tombol untuk menyalinnya . Kemudian tempel ke editor teks dan ada JSON Anda