目录

一、普通下载方式

二、浏览器网站源代码下载插件​

---

插件名称：Save All Resources

插件描述： Chrome浏览器扩展，一键下载所有资源文件并保留文件夹结构 

浏览器插件，轻松-快速获取网站源代码

我们在学习和研究的时候，需要网站的源代码进行借鉴，但每次需要下载网站源代码，我们都需要找到一个，下载一个，每次只能下载一个文件，非常缓慢，而且还要自己拼凑一下源代码文件​。​非常不方便。那我们要如何才能快速下载网站的源代码进行研究呢​？

一、普通下载方式

我们先来介绍一下普通的下载方式​。

首先，进入浏览器，找到我们需要的网站，然后按f12，打开开发者工具。

找到source，我们可以看到整个网站的源代码​。包括js，css，image等文件​。

找到我们需要的一个文件，鼠标右键,save as 保存为。但图片我们还不可以直接保存​。

那现在问题来了，我想要完整保存所有网站的源代码，以及图片资源如何才能做到呢​？

二、浏览器网站源代码下载插件​

1、在goole浏览器中，打开chrome://extensions/  这个地址​。​（或者在右上角点击设置，找到更多工具，找到扩展插件进入）

2、打开开发者模式，点击加载已解压扩展程序。

3、将扩展程序导入到浏览器中​，点击启动。

4、找到我们需要下载源代码的网站，按f12，打开开发者工具​。

找到  Resources Saver  ----》点击save all  Resources，如图​。我们就可以成功下载网站源代码和数据。​

然后解压下载的压缩文件，就可以看到我们下载的数据​。😄