您现在的位置是:首页 > Javascript
当前栏目
如何快速获取网页源码(直接把网站的 js css html 扒下来的)
2023-03-31 10:36:06 时间
如何快速获取网页源码?
我们在学习和研究的时候,或者看到非常酷炫的页面效果,需要网站的源代码进行借鉴,但每次需要下载网站源代码,我们都需要找到一个,下载一个,每次只能下载一个文件,非常缓慢,而且还要自己拼凑一下源代码文件。非常不方便。那我们要如何才能快速下载网站的源代码进行研究呢?
一、普通下载方式
我们先来介绍一下普通的下载方式。
首先,进入浏览器,找到我们需要的网站,然后按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。
成功!
相关文章
- 鸿蒙开源第三方组件—自定义流式布局组件FlowLayout_ohos
- HarmonyOS《鸿蒙操作系统开发入门经典》之前九类UI组件
- Chrome 94将上线HTTPS-First选项 锁型图标更改为向下箭头
- 微软发布首个Office ARM 64位预览版:原生性能堪比x64
- 鸿蒙开源第三方组件—日期和时间处理组件JodaTime-ohos
- CSS 盒模型
- Vue2.x-插槽slot用法
- Centos7 安装NodeJS以及Nvm多版本管理
- 使用Scriptable添加IOS小组件
- KaTex, markdown支持数学公式
- JS 不声明第三个变量的情况下实现两数变换
- Node.js安装,nvm多版本管理以及nrm更改镜像源
- Node.js使用原生创建服务及实现静态资源托管/接口请求
- JS案例展示
- JS数组去重整理合集
- js思维案例题目
- 网站访问速度优化实战:CDN源/Nginx压缩/全站CDN加速
- Quartz.Net 主要概念介绍和吐槽
- 结构化日志组件 Serilog
- Linux C操作XML文件