当我们在网页上看到一个好看的H5页面，或者是相当酷炫的JS动画，一个很自然的想法就是F12，然后下载资源占为己有。ctrl+s保存的话，所有的文件都保存在一个文件夹，如果好多级文件夹看上去很乱，下图是ctrl+s之后的情况（js,css,img都在一起）

手动整理文件夹很难，比如下面的这种情况

img文件夹有多级，现在我们就需要安装chrome的Save All Resources插件了，插件下载地址

https://github.com/jxdingx/chrome-SaveAllResources

浏览器窗口输入【chrome://extensions/】进入chrome扩展程序，添加解压后的插件

加载成功之后如下图

然后我们F12，选ResourceSaver 然后Save All Resources就可完整保存一个网页所有内容了

下载之后是一个是一个压缩包文件，如果后缀是txt的，改后缀为.zip，然后解压就行了

下载下来的内容，已分文件夹保存好，就可以本地离线访问了。

亲测有效，记得点赞。

参考链接：

https://chromecj.com/productivity/2019-07/2783.html

https://github.com/jxdingx/chrome-SaveAllResources

https://www.cnblogs.com/JerryMouseLi/p/11113756.html