快速获取一个网站所有资源
有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。
这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,js,css。
以这个页面为例
https://loading.io/spinner/
这个页面所显示的图标都是付费的,但我们可以通过一些简单的手段将所有资源下载到本地。其实这并不是什么神奇的技能,有需求,就有供应,就有牛逼的程序来教你做事。
第一种CTRL+S
浏览器打开https://loading.io/spinner/, 按下 CTRL+S, 选择一个保存网站的目录,并且保存类型 选择 网页,全部(.htm, .html )
待下载完成后,打开,和原网站相差无几。这个页面所有的资源都保存在了你选择的文件目录里。想要那个图片,svg都可以直接拿去用。是不是很方便。另外需要注意的时候,打开页面的时候最好用http协议打开,以为有些网站不能在file协议下访问。
如果你打算将这个页面,修改完善,当做一个系统的一部分。这里我提供一个修改,优化的思路。
首先要将js挑拣出来,引入了几个包,每个包都是干嘛的,能否去掉,查看控制台,报错显示是那个js报的,能否去掉。有些页面,完全不需要js,只用html和css就能和网站长得一样。我改过很多个网站。
下载后访问效果
第二种使用Cyotek WebCopy软件
Cyotek WebCopy是一个免费的分析网站拓扑资源图,并提供下载全站资源的功能的软件。非常好用,之前我也用过很多下载网站的,都不如它好。下载地址 https://www.cyotek.com/cyotek-webcopy
下载后一键安装,然后将网站的主页输入,点击开始,程序就能自动分析网站的资源引用关系,并且创建好目录,分门别类下载到对应的文件夹中。你根本不用修改html的资源引用路径。
点击旁边的Scan 可以对整个网站的资源进行分析。分析后的资源图
因为一个网站资源可能会有其他域名的,你可以在这里选择,将一些其他域名的资源排除,或者爬取。如果第一次爬取效果不好的话,可以尝试将所有资源加入扒取列表。
下载整个网站的资源,过程是漫长的。你可以砌杯咖啡,慢慢等待。有时候你不用等程序下载完成。
下载完成后,直接将整个文件夹放到web服务器里,就能访问了,链接,图片很多交互,程序都帮你处理好了。
下载后,可能会有多个一个页面,可能会存在多个html,你需要找到效果最好的一个页面作为首页
下面是爬取后的展示
-
获取request里面所有的Parameter所有的请求参数2020-08-03 13:36:13
-
把平板一分为四,一个看片一个聊天一个赚钱一个谈恋爱-指尖上的RK32882022-03-22 09:00:12
-
IoT知识库-如何快速建立一个无线温度传感器2020-11-03 10:19:23
-
开发一个地图dashboard2022-05-30 15:26:15
-
第一个Android程序2020-08-14 18:15:32
-
rkmedia一个头两个流, 即同一个vi通道, 接两个不同的下游通道,比如rga2023-02-15 10:31:45
-
一个神奇的算法,ID3!!2023-10-08 17:57:29
-
一个非常实用的鸿蒙监测组件!2021-08-26 14:50:36
-
AscendCL快速入门——运行资源管理篇(下)2023-04-12 18:41:04
-
AscendCL快速入门——运行资源管理篇(上)2023-04-12 18:08:59
-
实操讲解——如何设计一个传感器(一)2020-12-03 22:52:27
-
鸿蒙OS第一个入门应用:HelloWorld2021-07-19 18:05:51
-
一个简单的日程提醒鸿蒙卡片开发!2021-08-04 13:46:28
-
一个强大的算法模型:t-SNE !!2023-10-25 18:39:50
-
LED一个不多为人知的参数2018-12-19 12:36:45
-
一个实际音视频开发问题!2023-10-24 17:47:15
-
一起来开发一个磁条机器人(一)2023-04-20 08:54:12
-
Android上如何增加一个PC可见的盘符2020-09-30 18:11:55
-
分享电阻选型的一个小细节,很重要!2019-05-31 15:30:46
- 开发一个地图dashboard
- 在nr中使用echarts折线图制作面板
- 使用面板节点实现表格关键词搜索
-
默认分类
241篇
- 嵌入式硬件音视频编解码及PCB layout设计
- 物联网平台Node-RED系列(六):Node-RED解析节点的使用
- 5G R16 冻结,接下来 R17 将讲些什么?
- 低碳未来 智慧储能电站三维可视化云平台
- 华为 路由双点双向引入
- Node-RED系列(十八):配置静态目录,使用echarts.js,three.js,D3.js
- 40G光模块的连接方案
- 智慧农业中的大数据:可以做什么?应该怎么做?
- Composition API 使用总结
- Node-RED系列(十一):Node-RED面板chart节点的使用案例
是的,很好用的一个软件。
这个初学者利器~