使用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空间的备份工具了。。。