如何將console.log（對象）的輸出保存到文件中？

151

我嘗試過使用JSON.stringify(object)，但它並沒有在整個結構和層次上下降。如何將console.log（對象）的輸出保存到文件中？

另一方面console.log(object)這樣做，但我不能保存它。

在console.log輸出中，我可以一個接一個地展開所有的孩子，然後選擇並複製/粘貼，但是結構對於那個很大。

2012-08-07 Eduard Florinescu

Duplicate：http://stackoverflow.com/questions/7627113/save-the-console-log-in-chrome-to-a-file http://stackoverflow.com/questions/3462648/export-javascript -console-log-from-google-chrome – MichaelS 2012-08-07 15:55:30

您是否試圖從瀏覽器保存console.log用於開發目的？如果你解釋你的最終目標是什麼，這可能會有所幫助。 – travis 2012-08-07 15:57:34

@MichaelS我沒有在日誌文件中找到對象。 – 2012-08-07 16:01:09

230

更新： You can now just right click

Right click > Save as in the Console panel to save the logged messages to a file.

原來的答案：

您可以使用此代碼段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-06 17:25:07 Patrick

@帕特里克你真是個好人。很棒！ – 2015-01-20 07:35:34

不起作用。我只拿到「Store as local variable」 – CodyBugstein 2015-04-22 17:02:47

更加努力，Imray。絕對有效。 – Patrick 2015-04-23 00:29:04

您可以使用「Chrome開發者工具」命令行API「copy（）」將指定對象的字符串表示形式複製到剪貼板。

如果你有很多的對象，那麼：你可以實際上「JSON.stringify（）」所有的對象，並不斷將它們附加到一個字符串。現在使用copy（）方法將完整的字符串複製到剪貼板。

來源

2013-06-05 00:48:19 bthota

太棒了，謝謝！ – 2014-07-20 22:21:42

用法：copy（object） – antoine 2015-02-05 19:10:43

比已接受的答案更有用 – korsun 2016-08-27 23:22:44

有一個開源的JavaScript插件，做到了這一點 - debugout.js

Debugout.js記錄和保存console.logs使您的應用程序可以訪問它們。完全披露，我寫了。它適當地格式化不同的類型，可以處理嵌套的對象和數組，並且可以選擇在每個日誌旁邊放一個時間戳。它還可以在一個地方切換實時記錄。

來源

2014-06-17 18:00:07 inorganik

您可以使用庫l2i（https://github.com/seriyvolk83/logs2indexeddb）所有你把保存到console.log ，然後調用

l2i.download();

下載一個文件，日誌。

來源

2014-07-02 19:41:07

還有另一個開源工具，允許您將所有console.log輸出保存在服務器上的文件中 - JS LogFlush（plug！）。

JS LogFlush is an integrated JavaScript logging solution which include:

cross-browser UI-less replacement of console.log - on client side.

log storage system - on server side.

Demo

來源

2014-09-15 21:38:34 hindmost

右鍵點擊控制檯，也可以點擊另存爲...它的這個簡單的..你會得到一個輸出的文本文件

來源

2015-05-03 09:16:00

不是很好的輸出我必須添加 – 2016-07-24 02:51:59

如果你有記錄的對象：

右鍵點擊控制檯中的對象，然後單擊Store as a global variable
輸出會像temp1
類型在控制檯copy(temp1)
粘貼到文本編輯器

來源

2015-11-18 01:27:49

這是實際工作的唯一答案！ – Geo 2016-11-02 18:51:27

無法獲得可接受的解決方案......儘管如此，這項工作仍然完美。 – asdf 2016-12-12 13:27:17

這是最簡單的方法。 – lengxuehx 2016-12-18 03:37:56

很多很好的答案，但爲什麼不只是使用JSON.stringify（your_variable）？然後通過複製並粘貼內容（刪除外部引號）。

來源

2017-04-06 21:08:54 user1889992

有關*「** Uncaught TypeError：將圓形結構轉換爲JSON **」*的問題，或許[this]（https://stackoverflow.com/questions/41032565/how-to -copy-the-objects-from-chrome-console-window）可以提供幫助。 – KtX2SkD 2017-10-08 14:23:52

如何將console.log（對象）的輸出保存到文件中？

回答

相關問題