使用JavaScript备份QQ空间的留言板数据

内容转载自我的博客

目录

• 1. 目标网站
• 2. 保存浏览器调试窗口的变量到本地文件
• 3. 编写代码
• 4. 备份完成
• 5. 后记

1. 目标网站

此代码是专门为了备份本人的QQ空间留言板的数据而编写的，前提是自己在浏览器登录Qzone账号，且代码只能运行在此链接https://user.qzone.qq.com/123456789/infocenter，其中的123456789是用户本人的qq号码，另外用户要手动点击网页的留言板栏目，然后再运行代码。实现的功能是将每一层楼的留言数据按顺序保存

2. 保存浏览器调试窗口的变量到本地文件

编写以下代码，粘贴到控制台并回车

// 为标准console对象添加一个save函数
(function(console){
    console.save = function(data, filename){
        // 若data为空则提示用户
        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(var_imgs, 'imgs.json')并回车，浏览器会自动弹出下载文件窗口，并将此变量内容以json格式保存到本地

3. 编写代码

此网站的数据如果需要备份，必须注册并登录账号
本代码假定已经登录账号的情况下，且用户已经输入链接https://user.qzone.qq.com/123456789/infocenter，其中的123456789是用户本人的qq号码，并手动点击网页的留言板栏目，用户需要自己查看留言板的总页数，将它写入变量comment_page_number，然后粘贴并运行代码即可

// 保证F12后的console处选中tgb(msgbcanvas.html)而不是top，否则会出错

// var comment_page_div = document.getElementsByClassName("mod_pagenav_count")[1].getElementsByTagName('a');
// var comment_page_number = parseInt(comment_page_div[comment_page_div.length-1].textContent);
// 留言的页数，将当前页面打开为留言的最新一页
var comment_page_number =77;
var comment_array = new Array();
// 为标准console对象添加一个save函数
(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)

// 解析回复部分
function parse_reply(ol_reply) {
    var result = [];
    if(ol_reply.textContent==''){
        return [];
    }
    var content, timestamp, source;
    for(var i=0;i<ol_reply.childElementCount;i++){
        li_reply = ol_reply.childNodes[i];
        info = li_reply.firstElementChild.lastElementChild;
        source = info.firstElementChild.firstElementChild.textContent;
        content = info.firstElementChild.textContent.substring(source.length+1);
        timestamp = info.lastElementChild.firstElementChild.textContent;
        result.push({'发送方':source, '发送内容':content, '时间':timestamp});
    }
    return result;
}

// 解析某条评论
function parse_comment(comment_item) {
    var div_inner = comment_item.firstElementChild.lastElementChild.firstElementChild.firstElementChild;
    var span_user = div_inner.childNodes[0].firstElementChild.firstElementChild.firstElementChild;
    var username = span_user.textContent;
    var userlink = span_user.href;
    var floor_index = div_inner.childNodes[0].childNodes[1].textContent;
    // 暂不支持图片及表情，这些内容会显示为''
    var content = div_inner.childNodes[2].firstElementChild.textContent;
    var div_reply = parse_reply(div_inner.childNodes[4].lastElementChild.childNodes[2]);
    var timestamp = div_inner.childNodes[2].lastElementChild.firstElementChild.textContent;
    var result = {
        '用户':username, '链接':userlink, '楼层':floor_index,
        '内容':content, '时间':timestamp, '回复':div_reply
    }
    comment_array.push(result);
    console.log(result);
}

// 解析某一页的结果
function parse_single() {
    var comments = document.getElementById("ulCommentList");
    for(var i=0;i<comments.childElementCount;i++){
        parse_comment(comments.childNodes[i]);
    }
}

function control_page(index) {
    if(index>=comment_page_number){
        console.save(comment_array, '评论.json');
        return;
    }
    // 解析当前页面
    parse_single();
    // -1表示上一页，1表示下一页
    QZBlog.Util.PageIndexManager.goPage(1);
    // QZBlog.Util.PageIndexManager.goDirectPage(77)
    index = index + 1;
    setTimeout(control_page, 5000, index);
}


setTimeout(control_page, 5000, 0);

/*
// 解析某条评论
function parse_comment_bk(comment_item) {
    var inner_item = comment_item.getElementsByClassName('inner')[0];
    var username = inner_item.getElementsByClassName('c_tx q_namecard')[0].textContent;
    var userlink = inner_item.getElementsByClassName('c_tx q_namecard')[0].href;
    var floor_index = inner_item.getElementsByClassName('c_tx3 floor')[0].textContent;
    // var mobile_cp = inner_item.getElementsByClassName('c_tx3 unline')[0].textContent;
    var content = inner_item.getElementsByTagName("table")[0].textContent;
    var timestamp = inner_item.getElementsByClassName('c_tx3 mode_post')[1].textContent;
    var result = {
        '用户':username, '链接':userlink, '楼层':floor_index,
        '内容':content, '时间':timestamp
    }
    comment_array.push(result);
    console.log(result);
}

// 解析某一页的结果
function parse_single_bk() {
    var comments = document.getElementById("ulCommentList").getElementsByTagName("li");
    for(var i=0;i<document.getElementById("ulCommentList").length;i++){
        parse_comment(comments[i]);
    }
}
*/

4. 备份完成

最后的json文件部分内容示例如下，只支持文字消息的备份

[
    {
        "用户": "张三",
        "链接": "http://user.qzone.qq.com/111222333",
        "楼层": "第310楼",
        "内容": "生日快乐",
        "时间": "2020-07-06 21:23",
        "回复": [
            {
                "发送方": "我",
                "发送内容": "谢谢",
                "时间": "2019-07-06 23:24"
            },
            {
                "发送方": "张三",
                "发送内容": "明天见",
                "时间": "2019-07-06 23:26"
            },
            {
                "发送方": "我",
                "发送内容": "哈哈，回见",
                "时间": "2019-07-06 23:30"
            }
        ]
    },
    {
        "用户": "李四",
        "链接": "http://user.qzone.qq.com/123412345",
        "楼层": "第309楼",
        "内容": "新年快乐",
        "时间": "2020-02-01 17:44",
        "回复": [
            {
                "发送方": "我",
                "发送内容": "谢谢，同乐",
                "时间": "2020-02-01 23:24"
            }
        ]
    },
    {
        "用户": "王五",
        "链接": "http://user.qzone.qq.com/666777888",
        "楼层": "第308楼",
        "内容": "加油！！！！",
        "时间": "2019-06-06 00:21",
        "回复": [
            {
                "发送方": "我",
                "发送内容": "共勉",
                "时间": "2019-06-06 17:05"
            }
        ]
    },
    // 以下内容省略
]

5. 后记

当我完成之后，发现github已经有整个QQ空间的备份工具了。。。