程序员经验分享-hwhale

如何快速获取网页源码(直接把网站的 js css html 扒下来的)

2023-05-16

如何快速获取网页源码？

在这里插入图片描述
我们在学习和研究的时候,或者看到非常酷炫的页面效果，需要网站的源代码进行借鉴，但每次需要下载网站源代码，我们都需要找到一个，下载一个，每次只能下载一个文件，非常缓慢，而且还要自己拼凑一下源代码文件​。​非常不方便。那我们要如何才能快速下载网站的源代码进行研究呢​？

一、普通下载方式

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

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

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

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

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

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

1.首先去GitHub下载插件并解压：Save All Resources

https://github.com/up209d/ResourcesSaverExt （注意：这里下载步骤需要科学上网）

![在这里插入图片描述](https://img-blog.csdnimg.cn/67eb9213717b457f8875ad9516bb8807.png

解压后如图所示，记住你的解压路径：
在这里插入图片描述

2.打开谷歌浏览器开发者工具并打开开发者模式，加载插件，如下图所示：

在这里插入图片描述
在这里插入图片描述

扩展插件选择下面这个文件

在这里插入图片描述

3.以彼岸图网为例，查看源代码，并下载：

在这里插入图片描述

点击下载

![在这里插入图片描述](https://img-blog.csdnimg.cn/481b14694bad4aa283f14f7e071de8ec.png
在这里插入图片描述

解压： 将解压后的文件放入vscode编辑器里面

在这里插入图片描述
在这里插入图片描述

vscode 启用open with live server 功能

一、open with live server 安装

在扩展中输入live server，点击安装即可

![在这里插入图片描述](https://img-blog.csdnimg.cn/3133607cefce4bd4aa1dc25a0f413ec5.png

打开文件
使用 vscode 打开 index.htm l页面，右键 --> open with live server。

在这里插入图片描述

成功！
在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

如何快速获取网页源码(直接把网站的 js css html 扒下来的) 的相关文章

随机推荐

  • Sentinel源码分析

    Sentinel源码分析 1 Sentinel的基本概念 Sentinel实现限流 隔离 降级 熔断等功能 xff0c 本质要做的就是两件事情 xff1a 统计数据 xff1a 统计某个资源的访问数据 xff08 QPS RT等信息 xff

  • Nginx 基础使用、配置文件详解、Keepalived高可用

    Nginx 基础使用 安装 span class token comment 解压nginx压缩包 xff0c 压缩包自行下载 span tar zxvf nginx 1 span class token punctuation span

  • 阿里巴巴Java开发手册中的DO、DTO、BO、AO、VO、POJO定义

    常用文件夹分层 xff1a pojo vo xff08 与前端交互的所有对象 xff0c 包括接参和返回 xff09 query xff08 查询的筛选条件 xff0c 前端传参和后端内部传参通用 xff09 entity xff08 数据

  • 分布式锁笔记

    分布式锁笔记 分布式锁1 传统锁回顾1 1 从减库存聊起1 2 环境准备1 3 简单实现减库存1 4 演示超卖现象1 5 jvm锁问题演示1 5 1 添加jvm锁1 5 2 原理 1 6 多服务问题1 6 1 安装配置nginx1 6 2

  • 分布式锁总结

    乐观锁 在select的时候不会加锁 xff0c 是基于程序实现的 xff0c 所以不会存在死锁的情况 适用于读多写少的场景 xff08 写的并发量相对不高 xff09 xff0c 可以提高系统的吞吐量 因为如果写多的话 xff0c 乐观锁

  • Xstart远程连接Linux图形用户界面

    目标 xff1a 在自己的Windows桌面打开Linux的firefox浏览器 工具 xff1a Windows Xmanager的Xstart工具 Linux xterm firefox 说明 xff1a 使用Xstart远程连接Lin

  • 微信内置小程序在线客服功能

    在小程序中加入客服消息按钮 小程序接入微信 客服消息 功能模块 xff0c 开发者只需要调用按钮 xff0c 触发微信的客服消息功能即可 xff0c 不需要自行在小程序中实现 加入客服消息按钮有两个方法 xff0c 大家可以根据自己的实际需

  • Java实例化泛型

    public D newUsr D newUsr try 通过反射获取model的真实类型 ParameterizedType pt 61 ParameterizedType this getClass getGenericSupercla

  • Windows桌面下面任务栏无法点击(卡住)的解决办法

    Windows桌面下面任务栏无法点击 卡住 的解决办法 大家再使用Windows的时候 xff0c 有时候会碰到桌面卡住无法点击下面的任何图标的现象 xff0c 若不知道如何解决 xff0c 可能就开始重启电脑了 xff0c 其实不必要 x

  • 剑指offer03

    数组中的重复数字 题目 在一个长度为 n 的数组 nums 里的所有数字都在 0 xff5e n 1 的范围内 数组中某些数字是重复的 xff0c 但不知道有几个数字重复了 xff0c 也不知道每个数字重复了几次 请找出数组中任意一个重复的

  • 如何pycharm与jupyter lab/notebook结合使用

    如何pycharm与jupyter lab notebook结合使用 原因效果教程 原因 jupyter lab的自动补全并不好用 xff0c 使用了kite后总是存在卡顿的现象 xff0c 正好在pycharm中支持jupyter lab

  • 【杭电100题】2073 无限的路

    题目链接 xff1a http acm hdu edu cn showproblem php pid 61 2073 xff08 c语言的double类型printf lf 显示0 00000问题 xff09 xff1a https blo

  • 【杭电100题】2094 产生冠军

    原题 xff1a http acm hdu edu cn showproblem php pid 61 2094 最近很喜欢用map 把成功者 失败者都存起来 然后在成功者里把曾经失败的划掉 最后成功者里如果只剩一个人 xff0c 冠军产生

  • 逆变电路

    逆变的概念 与整流相对应 xff0c 直流电 变成 交流电 交流侧接电网 xff0c 为 有源逆变 交流侧接负载 xff0c 为 无源逆变 xff0c 本章主要讲述无源逆变 逆变与变频 变频电路 xff1a 分为 交交变频 和 交直交变频

  • 博客搭建教程1-Archlinux环境配置

    文章目录 1 前言2 archlinux镜像下载3 archlinux安装 1 前言 这个教程主要讲解linux环境下博客的搭建 xff0c 这里的linux系统选择archlinux xff0c 博客的框架基于hexo框架 参考博客 xf

  • 如何在git bash中启用复制粘贴快捷键

    方法一 xff1a 1 鼠标右键点击左上角 xff0c 选择属性 xff08 如果是英文就选择properties xff09 xff1a 2 在选项中勾选相应选项 xff1a 然后就完事了 方法二 xff1a 从其他地方复制一段文本 2

  • 栈，队列（纸牌游戏，小猫钓鱼）

    文章目录 队列 xff1a FIFO实现顺序队列 xff1a 1 顺序循环队基本操作2 链队 栈1 顺序栈栈的元素初始化操作入栈操作判断顺序栈是否为空栈的长度出栈清空一个栈销毁顺序栈 2 链式栈 应用栈1 xff1a 判断回文字符串栈与队列

  • SELinux

    domain https www cnblogs com ly565911158 p 3622942 html coredomain https www cnblogs com liwugang p 12433028 html xff08

  • 电脑任务栏无法点击

    解决方法 1 启动任务管理器 xff08 Ctrl 43 alt 43 找到windows 资源管理器重新启动 xff09 2 win10 更新后右下方有个天气资讯的推送点击全部选择关闭 xff0c 在任务栏上也点击取消

  • 如何快速获取网页源码(直接把网站的 js css html 扒下来的)

    如何快速获取网页源码 xff1f 我们在学习和研究的时候 或者看到非常酷炫的页面效果 xff0c 需要网站的源代码进行借鉴 xff0c 但每次需要下载网站源代码 xff0c 我们都需要找到一个 xff0c 下载一个 xff0c 每次只能下载

热门标签