blog icon indicating copy to clipboard operation
blog copied to clipboard

Chrome将变量下载并保存成JSON文件

Open xianzou opened this issue 4 years ago • 0 comments

Chrome将变量下载并保持成JSON文件

chrome控制台输入如下代码:

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

然后代码执行:

console.save(arr, "arr.json");

回车,Chrome自动弹出一个JSON文件保存窗口;

大的JSON格式数据保存

有的时候我们console.log一个JSON格式的变量,数据量很大,可能几千上万条,如何保存成拷贝呢?

步奏如下:

1、控制台打印该变量;

2、控制台在变量输出的地方右键,选择Store as glogal variable ,复制成全局变量;

3、这个时候控制台会出现一个新的变量:temp1

4、控制台输入copy(temp1),回车后就已经复制到了剪切板,就可以直接ctrl+v进行粘贴了;

5、如果数据量太大,复制不全,可以结合上面的下载的方法,执行命令:console.save(temp1,'temp1.json')就可以下载到本地了;

xianzou avatar Sep 16 '20 08:09 xianzou