需求说明：

近期有小伙伴提了这么一个要求：公司不支持访问外网，能不能提供一份离线版的“影刀帮助中心”文档给客户学习使用呢？

在公司咨询一圈后发现没人有离线版了，没办法了，自己动手弄一份吧！

经验：

以前小可耐出过一个练习题，就是把”影刀离线文档“的所有条目标题扒下来的操作。感兴趣的小伙伴可以参考这个帖子：

【趣味题库】批量抓取影刀帮助中心的所有标题与链接

解决思路：

想要制作影刀帮助中心离线文档，现在需要解决下面几个问题：

1. 需要依次展开”影刀帮助中心“的所有折叠条目

操作①：捕获“未展开折叠”相似元素组

操作②：无限循环+判断，展开所有次级条目

2. 使用浏览器插件Webrecorder录制所有页面为离线文档

archiveweb.page Chrome 浏览器扩展，你就可以在浏览器中查看任何网页并与之交互时将其存档。

存档的第一步是捕获过程，扩展程序会记录或捕获页面上加载的所有内容--HTML、图像、视频、样式表、脚本、数据文件以及页面上的其他任何内容，并将这些数据作为网页存档的一部分存储在浏览器中。

所有归档数据都是按页面组织的。您可以进一步将已归档的页面组织到单独的归档集合中，查看每个页面以确保正确归档，并删除您不再想要或不需要的单个页面截图。

插件安装地址： https://chrome.google.com/webstore/detail/fpeoodllldobpkbkabpblcfaogecpndd

使用该插件录制目标网站，就可以把操作过的条目缓存都保存成一个离线文档

注意：因为影刀帮助中心有大量视频，如果客户不需要视频，只需要图文内容，需要先使用广告屏蔽软件等屏蔽视频后再录制，不然离线文档会变得非常大，因为视频也一起缓存进去了。我是用了ublock的“自定义静态规则”限制了视频的加载，如下：

3. 写个简单的自动化流程，就可以实现边点击条目，边录制网页离线文档了

效果展示：

离线文档可以保存为WACZ或WARC格式，就可以在任何一台安装该插件的浏览器上查阅了。

插件安装导入离线文档：

1. 下载Webrecorder-ArchiveWeb-page插件并安装

插件下载地址： https://wwst.lanzout.com/icEKi1lbyp8b

2. 点击插件的“主页”按钮，进入主页

3. 导入离线文档，开始查阅

“影刀帮助中心”下载链接: https://pan.baidu.com/s/10kK5l7_miQ88nDRIiYw_Tw?pwd=1234 提取码: 1234