如何快速获取网页源码？
我们在学习和研究的时候,或者看到非常酷炫的页面效果，需要网站的源代码进行借鉴，但每次需要下载网站源代码，我们都需要找到一个，下载一个，每次只能下载一个文件，非常缓慢，而且还要自己拼凑一下源代码文件。非常不方便。那我们要如何才能快速下载网站的源代码进行研究呢？
一、普通下载方式
我们先来介绍一下普通的下载方式。
首先，进入浏览器，找到我们需要的网站，然后按f12，打开开发者工具。
找到source，我们可以看到整个网站的源代码。包括js，css，image等文件。
找到我们需要的一个文件，鼠标右键,save as 保存为。但图片我们还不可以直接保存。
那现在问题来了，我想要完整保存所有网站的源代码，以及图片资源如何才能做到呢？
二、浏览器网站源代码下载插件
1.首先去GitHub下载插件并解压：Save All Resources
解压后如图所示，记住你的解压路径：
2.打开谷歌浏览器开发者工具并打开开发者模式，加载插件，如下图所示：
扩展插件选择下面这个文件
3.以彼岸图网为例，查看源代码，并下载：
点击下载
解压：
vscode 启用open with live server功能
一、open with live server安装
在扩展中输入live server，点击安装即可
打开文件
在编辑的html页面，右键 --> open with live server。
成功！