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

IT知识
467
0
0
2022-10-29
标签   浏览器

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

img

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

1、普通下载方式

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

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

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

img

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

img

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

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

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

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

img

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

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

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

img

然后打开下载 的文件,就可以看到我们下载的数据。

img