服务器与VPS
促销优惠信息

好用的扒站工具,chrome仿站插件 Save All Resources 教程

一些站长在建站的时候,会对目标网站进行仿站,而仿站需要依次下载目标网站的的图片、css、js等资源,如果一个个手动下载,工作会很繁琐。以前用过的一些仿站工具有时候会打乱目录结构。而且我不太喜欢自己电脑有太多软件,所以更倾向与是在线扒站工具,不过今天发现一个更好用的仿站工具:

一、chrome仿站插件:

Save All Resources

插件地址:

https://chrome.google.com/webstore/detail/save-all-resources/abpdnfjocnmdomablahdcfnoggeeiedb

好用的扒站工具,chrome仿站插件 Save All Resources 教程

安装之后,浏览器右上角点击插件图标,会显示:

好用的扒站工具,chrome仿站插件 Save All Resources 教程

翻译:

该扩展程序在 devtool 环境中运行,因此它可以读取资源的信息。您需要重新启动浏览器或重新打开开发人员工具面板,然后切换到 Resource Saver 选项卡。
当您的当前选项卡位于 url https://chrome.google.com/* 上时,ResourceSaver 选项卡将无法在 devtool 面板中使用
切换版本
它在隐身模式下不起作用。您需要重新启动 devtool 面板才能切换版本。

二、Save All Resources使用教程:

这个仿站插件的使用很简单,按照你平时的仿站流程,首先打开需要仿的目标网站,然后右键“检查”,审查元素。选择最后一个选项“ResourcesSaver”,然后勾选自己的下载选项,点击“Save Aii Resources”下载压缩包即可。

好用的扒站工具,chrome仿站插件 Save All Resources 教程

解压之后,文件会按照文件夹分门别类的整理好。
本地测试可以使用:
本地服务 Live Server 打开

前端开发常用的 IDE 是 VsCode,我们需要打开浏览器进行预览和调试静态页面,有了 Live Server ,就可以解决你的问题了。

这个插件就可以实现静态、动态页面的实时预览,保存就能看见页面更新,不需要手动去刷新。

用 VsCode 打开

 

楚狂人 » 好用的扒站工具,chrome仿站插件 Save All Resources 教程

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏