直接把别人网站的 js css html 扒下来的 Chrome 插件【剧烈举荐】-天涯论坛

wloe2gf 发表于 2024-6-29 16:13:32

直接把别人网站的 js css html 扒下来的 Chrome 插件【剧烈举荐】

<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7aiapRxIz9ibVHRgRBo9ia3ibJZ89TwgfQMYribkbcv6cMgOlG8U4Rn3aklQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">前言</h2>
经常在仿站的时候会遇到下载别人网站上的照片、css、js 等资源，倘若你是一个个的手动下载是很麻烦的，亦很慢的。
程序员要学会偷懒，倘若这些资源能一键下载下来，并按原来的目录结构放好文件，直接打开就完美复原原来的网站，该多好啊！
笔者找了大半天，，找了好几个插件，都不太好用，况且会打乱目录结构。
最终找到了一个比较神奇的 Chrome 插件：Save All Resources 完美的满足了我的需求！
<h2 style="color: black; text-align: left; margin-bottom: 10px;">安装</h2>
插件 GitHub 位置：https://github.com/up209d/ResourcesSaverExt
插件 Google 位置：https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7d1oQaL1yOjialmKbSZdWoCiaf3O03zXgicDqAH2pb0ogoJicydQx4dWhKw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">运用</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1. 审查</h3>
审查元素后，翻到最后一个选项，点击 Save All Resources 就可。<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7ic7yA0u936x3szrWq2Z4RmnzNGkvZkicia2dZ2iaEkjKRgeScDg43PRUHA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2. 下载</h3>
下载时的文件会被打包成一个压缩包。
例如我下载小米手机的官网页面：<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic71bMB8Q2ZcnFoeHgY0eaq7HsSoAiaugcYce6m0nbTWib5j2kXb8TG7YOQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7GACEpqAMAD08soFjTRYQbaobrRiaDL2XVWCiaMJ0XJDPiaP8rw89vb74A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
<h3 style="color: black; text-align: left; margin-bottom: 10px;">3. 打开</h3>
解压下载的压缩包，里面的文件结构长这般。<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7GM22OZD7kUSGqgiaCATSwqnGAeVUX7HLwCQqOXTc0OTp51CJAVqfibXw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
html、css、js 等文件是下载下来了，直接打开你的 html 文件就可。
<h2 style="color: black; text-align: left; margin-bottom: 10px;">本地服务 Live Server 打开</h2>
做前端研发的时候，最常用的 IDE 是 VsCode，咱们必须打开浏览器进行预览和调试静态页面。有了  Live Server ，就能够解决你的问题了。<img src="https://mmbiz.qpic.cn/sz_mmbiz_gif/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7NM3B49erSiaz8XuiaWZKEArqMWWeCQ4awnadT1hcACS1pDSSnfFYVn5w/640?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
这个插件就能够实现静态、动态页面的实时预览，保留就能看见页面更新，不必须手动去刷新。
用 VsCode 打开<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7ticibr9sgL7nC6FfW9eM3AXvmGcbIOHerzrZOfEv8XpFENppzZI6KAPA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
结果<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7ticlPlntZFcktRwjKk1lbtJuRGcGMUJXmPMSyDMXHDj7pJZqrGe46ZA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">
这般亦能够处理请求的照片等资源找不到的问题。
--- 全文完 ---
举荐阅读：
<a style="color: black;">1、</a><a style="color: black;">GitHub 上能挖矿的神仙技巧 - 怎样发掘优秀开源项目</a>
2. <a style="color: black;">借助 VuePress 和 Git</a>Book ，10 分钟就可免费安排你的静态博客网站
3. <a style="color: black;">恕我直言，你可能连百度都不会用</a>
4. <a style="color: black;">重磅：硬核前端面试开源项目汇总（进大厂必须）</a><img src="https://mmbiz.qpic.cn/sz_mmbiz_png/icLlxzKkLGId82W4UWic68KFZa7R1vFcic7zHGvSYGvVNavXibFNuQGLHwzsjwcmA2qogY9icaibsFgst5RT9brP2JibA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;">

飘雨的姑娘 发表于 2024-8-24 15:02:28

回顾历史，我们感慨万千；放眼未来，我们信心百倍。

dhfgh 发表于 2024-9-7 07:28:43

楼主节操掉了，还不快捡起来！

nykek5i 发表于 2024-10-1 21:05:32

谷歌网站排名优化 http://www.fok120.com/

4zhvml8 发表于 2024-10-6 17:51:09

你的言辞如同繁星闪烁，点亮了我心中的夜空。

qzmjef 发表于 2024-10-17 07:04:32

楼主发的这篇帖子，我觉得非常有道理。

nqkk58 发表于 2024-10-18 21:15:23

论坛是一个舞台，让我们在这里尽情的释放自己。

7wu1wm0 发表于 2024-11-3 14:16:09

外贸论坛是我们的，责任是我们的，荣誉是我们的，成就是我们的，辉煌是我们的。

1fy07h 发表于 2024-11-5 22:41:24

感谢楼主分享，祝愿外链论坛越办越好！

页: [1]

天涯论坛's Archiver

直接把别人网站的 js css html 扒下来的 Chrome 插件【剧烈举荐】