Skip to content

webcloner功能演示-备份我的新浪微博

>

1. 账号

2. 任务

3. 遇到的问题

3.1 截图不全

微博的内容不像qq空间是分页的,是瀑布式,

而且是动态加载,就是说你向下滚动的时候,他的dom节点数量是不变的,只展示你能看见的内容

所以截屏的话,就会截不到不显示的内容。

3.2 想到个方法

从动态节点名vue-recycle-scroller得知,这应该是一个开源库:

https://github.com/Akryum/vue-virtual-scroller

微博的项目应该是用vue写的

从开源项目文档可知调整节点的buffer属性就控制着页面显示的大小

可以先找到这个node

yaml
const targetNode = document.querySelector(itemWrapperSelector);

然后获取vue属性

yaml
scroller.__vue__

修改buffer为一个超级大的值,也不能太大,太大的话,网页保存的太大了,

再滚动到底,测试