【tips】将控制台console.log的内容保存为文件

最新推荐文章于 2023-12-26 15:26:20 发布

takeoverthemoon

最新推荐文章于 2023-12-26 15:26:20 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： tips js

原文链接：https://coderwall.com/p/prhwzg/add-console-save-to-chrome

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

tips

1 篇文章

订阅专栏

本文介绍了一种在Chrome浏览器中使用控制台保存数据的方法。通过创建并运行一个名为consoleSave.js的脚本，可以轻松地将控制台数据导出为JSON文件。此技巧对于开发者在调试过程中保存和分享数据非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Need to export some data from the browser console?

Open Sources -> Snippets in the console, right click to make a new file. Call it consoleSave.js

打开调试工具，找到Sources -> Snippet，复制代码，保存为 consoleSave.js

Paste the JavaScript code below into the snippet (or get the latest version from http://bgrins.github.io/devtools-snippets/#console-save)

Right click on consoleSave.js and run the snippet.

运行脚本

Voila, now you can call console.save() to
download objects from the console!

js脚本

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

把要保存的内容储存为global变量