如何快速获取网页源码?
我们在学习和研究的时候,或者看到非常酷炫的页面效果,需要网站的源代码进行借鉴,但每次需要下载网站源代码,我们都需要找到一个,下载一个,每次只能下载一个文件,非常缓慢,而且还要自己拼凑一下源代码文件。非常不方便。那我们要如何才能快速下载网站的源代码进行研究呢?
一、普通下载方式
我们先来介绍一下普通的下载方式。
首先,进入浏览器,找到我们需要的网站,然后按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。
成功!
版权归原作者 pch平凡之路 所有, 如有侵权,请联系我们删除。