外链论坛

 找回密码
 立即注册
搜索
查看: 81|回复: 5

一款能够直接下载浏览器 sources 资源的 Chrome 插件【剧烈举荐】

[复制链接]

2965

主题

412

回帖

9117万

积分

论坛元老

Rank: 8Rank: 8

积分
91179213
发表于 2024-6-29 16:09:57 | 显示全部楼层 |阅读模式

前言

经常在仿站的时候会遇到下载别人网站上的照片、css、js 等资源,倘若你是一个个的手动下载是很麻烦的,很慢的。

程序员要学会偷懒,倘若这些资源能一键下载下来,并按原来的目录结构放好文件,直接打开就完美复原原来的网站,该多好啊!

笔者找了大半天,,找了好几个插件,都不太好用,况且会打乱目录结构。

最终找到了一个比较神奇的 Chrome 插件:Save All Resources 完美的满足了我的需求!

另一,关注公众号:全栈修炼,发送 1024 可领取免费视频资料哦。

安装

插件 GitHub 位置https://github.com/up209d/ResourcesSaverExt

插件 Google 位置https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb

运用

1. 审查

审查元素后,翻到最后一个选项,点击 Save All Resources 就可

2. 下载

下载时的文件会被打包成一个压缩包。

例如我下载小米手机的官网页面:

3. 打开

解压下载的压缩包,里面的文件结构长这般

html、css、js 等文件是下载下来了,直接打开你的 html 文件就可

本地服务 Live Server 打开

做前端研发的时候,最常用的 IDE 是 VsCode,咱们必须打开浏览器进行预览和调试静态页面。有了 Live Server ,就能够处理你的问题了。

这个插件就能够实现静态、动态页面的实时预览,保留就能看见页面更新,不必须手动去刷新。

用 VsCode 打开

结果

这般能够处理请求的照片等资源找不到的问题。

--- 全文完 ---

举荐阅读:

1. GitHub 上能挖矿的神仙技巧 - 怎样发掘优秀开源项目

2. 160+ 本技术类精华电子书开源了,包含前端、后端、数据结构与算法、计算机基本、设计模式、数据库等书籍

另一,关注公众号:全栈修炼,发送 1024 可领取免费视频资料。





上一篇:html,css,js的下载 & 执行秩序是什么?
下一篇:【优秀web网页制作】Html+Css+Js游戏主题特效及轮播效果网页研发天涯明月刀(7页面附源码)
回复

使用道具 举报

3

主题

556

回帖

2

积分

新手上路

Rank: 1

积分
2
发表于 2024-8-24 03:26:14 | 显示全部楼层
你的努力一定会被看见,相信自己,加油。
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-31 02:46:17 | 显示全部楼层
你的见解真是独到,让我受益匪浅。
回复

使用道具 举报

5

主题

742

回帖

6

积分

新手上路

Rank: 1

积分
6
发表于 2024-9-8 10:04:17 | 显示全部楼层
大势所趋,用于讽刺一些制作目的就是为了跟风玩梗,博取眼球的作品。
回复

使用道具 举报

2979

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569190
发表于 2024-10-2 11:39:33 | 显示全部楼层
我赞同你的看法,你的智慧让人佩服,谢谢分享。
回复

使用道具 举报

3083

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098788
发表于 2024-11-8 08:29:44 | 显示全部楼层
你的见解独到,让我受益匪浅,非常感谢。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-18 07:43 , Processed in 0.135460 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.