快速获取一个网站所有资源

这把我C 2020-12-09 09:53:36 13306
Layout
物联网

有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。
这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,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,你需要找到效果最好的一个页面作为首页
下面是爬取后的展示

声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。
  • 易百纳技术社区
    这把我C 2020-12-09 15:30:27
    回复

    是的,很好用的一个软件。

  • 易百纳技术社区
    david 2020-12-09 15:28:29
    回复

    这个初学者利器~

相关专栏
  • 获取request里面所有的Parameter所有的请求参数
    2020-08-03 13:36:13
  • 把平板一分为四,一个看片一个聊天一个赚钱一个谈恋爱-指尖上的RK3288
    2022-03-22 09:00:12
  • IoT知识库-如何快速建立一个无线温度传感器
    2020-11-03 10:19:23
  • 开发一个地图dashboard
    2022-05-30 15:26:15
  • 第一个Android程序
    2020-08-14 18:15:32
  • rkmedia一个头两个流, 即同一个vi通道, 接两个不同的下游通道,比如rga
    2023-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第一个入门应用:HelloWorld
    2021-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
TA最新文章
  • 开发一个地图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节点的使用案例

代做工资流水公司遵义对公银行流水模板岳阳收入证明查询常德办理车贷工资流水莆田查询银行流水PS东莞代开流水泰安查银行流水修改潮州购房银行流水开具莆田银行对公流水价格北京离职证明查询苏州办理企业银行流水西安工资流水app截图办理阜阳打印企业贷流水开封个人银行流水唐山工作收入证明费用哈尔滨银行对公流水代办三亚背调工资流水样本烟台打工资流水app截图沈阳收入证明模板蚌埠查询银行对公流水重庆贷款银行流水代开合肥做贷款银行流水威海代做个人银行流水南通代开自存银行流水三亚个人流水代做石家庄银行流水账办理南昌在职证明福州银行流水账代开上饶打印房贷流水昆明打印流水咸阳工资流水app截图样本香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

代做工资流水公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化